weixin_58412143 2022-03-11 15:16 采纳率: 91.6%
浏览 147
已结题

如何解决下载后台图片时跨域问题


 clickExport() {
        //如果没有跨越问题直接用图片地址
        let arry = [this.value.add_2, this.value.color_2, this.value.R_add_2, this.value.R_color_2];
        (arry.forEach(function(url, index) {
          setTimeout(() => { //setTimeout是为了防止arry太多导致下载终端机
            // mode: "no-cors"
            let link = document.createElement('a')
            // 这里是将url转成blob地址,
            fetch(url).then(res => res.blob()).then(blob => { // 将链接地址字符内容转变成blob地址
              link.href = URL.createObjectURL(blob)
              let temp = url.split("?");
              temp = temp[0].split("/");
              let name = temp[temp.length - 1]; //获得图片名字
              link.download = name;
              document.body.appendChild(link);
              link.click()
            })
          }, index * 1000) //1000是为了使得浏览器能稳定下载  这个时间可自调建议大于500
        }))
      },

从网上找的代码,但是点击下载后报错了,如下图——

img

  • 写回答

2条回答 默认 最新

  • 崽崽的谷雨 2022-03-11 16:15
    关注

    没有配置 proxy吗?下载地址 也用上 proxy的配置

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 3月24日
  • 已采纳回答 3月16日
  • 创建了问题 3月11日

悬赏问题

  • ¥30 Matlab打开默认名称带有/的光谱数据
  • ¥50 easyExcel模板 动态单元格合并列
  • ¥15 res.rows如何取值使用
  • ¥15 在odoo17开发环境中,怎么实现库存管理系统,或独立模块设计与AGV小车对接?开发方面应如何设计和开发?请详细解释MES或WMS在与AGV小车对接时需完成的设计和开发
  • ¥15 CSP算法实现EEG特征提取,哪一步错了?
  • ¥15 游戏盾如何溯源服务器真实ip?需要30个字。后面的字是凑数的
  • ¥15 vue3前端取消收藏的不会引用collectId
  • ¥15 delphi7 HMAC_SHA256方式加密
  • ¥15 关于#qt#的问题:我想实现qcustomplot完成坐标轴
  • ¥15 下列c语言代码为何输出了多余的空格