a标签下载，文件下载，修改文件名

1.同源文件下载，修改文件名

同源文件下载，修改文件名使用 download 属性

// html 标签下载
 <a href="http://baidu/123456.jpg" download="自拍.jpg">自拍下载</a>

// javascript 动态创建 a 标签下载
function downloadImg(url, filename){
  const a = document.createElement("a"); 
  a.href = url;
  a.download = filename;  // 修改文件名
  a.style.display = "none"; 
  document.body.appendChild(a); 
  a.click(); 
  document.body.removeChild(a); 
} 

2.非同源文件下载，修改文件名

非同源文件下载，先转换为Blob对象，然后用URL.createObjectURL()创建一个指向该Blob的URL，通过a标签下载，修改 download 属性

downloadByBlob(url,fileName) {
  axios(url, {
     method: 'get',
     responseType: 'blob',
  }).then((response) => {
      const url = window.URL.createObjectURL(new Blob([response.data], { type: 'application/pdf' }));
     // 采用上面，javascript 动态创建 a 标签下载
      downloadImg(url ,'自拍照.pdf')
});