js跨域下载

跨域文件下载

同源下载（非跨域）

通过a标签下载

这个方法有缺陷，如果跨域资源，那么download属性将会失效，默认还是会打开新的浏览器标签页。

const a = document.createElement('a');
a.setAttribute('href',row.url); //设置下载文件的url地址
a.setAttribute('download' ,row.name );//用于设置下载文件的文件名
a.click();

跨域下载（需要服务器配置允许跨域）

遇到跨域资源可以通过XMLHttpRequest发起跨域请求，然后通过跨域请求回来的文件生成同源的url，然后再通过同源的url将文件保存到本地。

这个方法可以避免a标签download属性失效，从而打开新的的浏览器标签页。但是该方法还是需要服务器端设置为允许跨域请求才能成功。

var x=new XMLHttpRequest();　　　　　　　//禁止浏览器缓存；否则会报跨域的错误
x.open("GET", row.url, true);
x.responseType = 'blob';
x.onload=function(e){
        var url = window.URL.createObjectURL(x.response)  //生成同源url
        var a = document.createElement('a');
        a.href = url
        a.download = row.name
        a.click()
    }
x.send();