vue下载文件跨域怎么解决

Question

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

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

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

用代码块功能插入代码，请勿粘贴截图。 不用代码块回答率下降 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%

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

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

Answer 1

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