關於Vue中a標簽下載的文件重命名處理辦法。

用默認的a標簽下載：

var link = document.createElement('a');
link.href = file.url;
link.download = file.name;
link.target="_blank";
link.click();

但此方法僅在不跨域的情況下可用。

跨域的情況下則可用如下辦法：

1.點擊下載按鈕調用

  dfLoad(file) {
      this.getBlob(file.url).then(blob => {
         this.DownloadItem(blob, file.fileName);
     });
   },

2.通過傳入的url拿到blob對象

  getBlob(url) {
    return new Promise(resolve => {
     const xhr = new XMLHttpRequest();
     xhr.open('GET', url, true);
     xhr.responseType = 'blob';
     xhr.onload = () => {
      if (xhr.status === 200) {
        resolve(xhr.response);
      }
    };
    xhr.send();
  });
},

3.最后調用下載文件的方法

  DownloadItem(blob,fileName){
         let link = document.createElement('a');
         link.href = window.URL.createObjectURL(blob);
         link.download = fileName;
         link.click();
    },

原文：https://blog.csdn.net/pqj222/article/details/102628834?spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-3.pc_relevant_aa&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-3.pc_relevant_aa&utm_relevant_index=5