js怎么实现跨域下载文件

跨域下载文件可以通过以下步骤实现：

在服务端设置跨域访问控制头信息，允许特定的源进行跨域访问，例如：

Access-Control-Allow-Origin: http://example.com
Access-Control-Allow-Methods: GET, POST, OPTIONS
Access-Control-Allow-Headers: Content-Type

在客户端使用XMLHttpRequest或fetch等工具，发送请求到服务端获取文件内容，例如：

fetch('http://example.com/file.pdf', {
    mode: 'cors',
    credentials: 'include'
}).then(response => response.blob())
  .then(blob => {
    const url = window.URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url;
    a.download = 'file.pdf';
    document.body.appendChild(a);
    a.click();
    a.remove();
    window.URL.revokeObjectURL(url);
});

其中，mode设置为cors表示允许跨域请求，credentials设置为include表示发送cookies和HTTP认证信息。

将文件内容转换为Blob对象，并通过URL.createObjectURL方法生成下载链接。
创建一个a标签，并将生成的下载链接赋值给href属性，设置download属性为文件名，然后模拟点击a标签进行下载。
最后，通过URL.revokeObjectURL方法释放Blob对象对应的URL。