【JS】使用a标签下载文件方法1、同源文件直接使用<a>标签加download属性即可。 2、跨域文件，如果服务器设置了

我们通常使用<a>标签来下载文件，可以通过设置href属性指向文件的URL，并添加download属性来告诉浏览器下载该文件而不是导航到它。

1、同源文件直接使用<a>标签加download属性即可。

2、跨域文件，如果服务器设置了Content-Disposition: attachment，那么使用<a>标签加download属性也可以直接下载。

3、如果跨域文件服务器没有设置Content-Disposition，但支持CORS，我们可以通过fetch获取文件内容，然后通过Blob URL的方式下载。

4、如果跨域文件服务器既不设置Content-Disposition也不支持CORS，那么前端无法直接通过<a>标签或JavaScript下载，可能需要服务器端代理或其它方法。

一、直接使用

href：指向要下载的文件的路径。可以是相对路径、绝对路径或一个完整的URL。
download：该属性可以指定下载后的文件名。如果不指定，则使用原始文件名。

<a href={`path/to/file`} download='自定义文件名' >下载</a>

二、动态使用

function fileDownload(url, filename) {
  // 创建隐藏的链接并触发下载
  const a = document.createElement('a');
  a.style.display = 'none';
  a.href = url;
  a.download = filename;
  document.body.appendChild(a);
  a.click();
  document.body.removeChild(a);
}
fileDownload(`path/to/file`, filename)