vue下载文件跨域怎么解决

问题遇到的现象和发生背景

给出一个url地址,放在浏览器地址栏可以直接下载的。但是下载文件需要重命名文件,使用a标签下载重命名会无效。使用new XMLHttpRequest会跨域

遇到的现象和发生背景,请写出第一个错误信息

img

用代码块功能插入代码,请勿粘贴截图。 不用代码块回答率下降 50%

这种方法使用过,会跨域

 var x = new XMLHttpRequest();
        x.open("GET", url, true);
        x.responseType = "blob";
        x.ContentDisposition = "attchment";
        x.onload = function (e) {
          var url = window.URL.createObjectURL(x.response);
          var a = document.createElement("a");
          a.href = url;
          a.download = fileName;
          a.click();
        };
        x.send();

运行结果及详细报错内容
我的解答思路和尝试过的方法,不写自己思路的,回答率下降 60%

网上的方法都使用过,没一个可以用的,都是会跨域

我想要达到的结果,如果你需要快速回答,请尝试 “付费悬赏”

需要从本地服务器运行脚本,如果是直接使用浏览器打开文件不起作用

后端下载到服务器,然后你下载完成后,请求删除的接口,服务器删除文件,我之前这么搞过,也是跨域,最后这么干的