一、 通過二進制流（Blob）下載

1 、API請求時候帶上類型

/*** 文件--下載* */
export function download(fphm) {return axios({url: "/ynpst/download-invoice?fphm=" + fphm,method: 'get',responseType: 'blob'})
}

2、文件預覽和下載

    /*** 預覽* */seeItem(fphm) {//請求預覽APIpreview(fphm).then(res => {const blob = new Blob([res], {type: 'application/pdf;chartset=UTF-8'})let blobUrl = window.URL.createObjectURL(blob)window.open(blobUrl)})},/*** 下載--請求API* */dowload(fphm) {download(fphm).then(res => {this.downloadFn(res)})},/*** 下載---文件* */downloadFn(flow) {if (!flow) returnconst blob = new Blob([flow])const blobUrl = window.URL.createObjectURL(blob)const a = document.createElement('a')a.style.display = 'none'a.download = '發票.pdf' // 自定義下載的文件名a.href = blobUrla.click()}

二、通過文件地址Url下載文件

1、預覽

 window.open(fileUrl)或者使用 a 標簽

2、下載

調用downLoad方法下載文件，以下是具體方法：//************************修改文件下載的名稱*********start************************/*** 獲取 blob* @param  {String} url 目標文件地址* @return {Promise}*/function  getBlob(url) {return new Promise(resolve => {const xhr = new XMLHttpRequest();// 避免 200 from disk cacheurl = url + `?r=${Math.random()}`;xhr.open("GET", url, true);xhr.responseType = "blob";xhr.onload = () => {if (xhr.status === 200) {resolve(xhr.response);}};xhr.send();});}/*** 保存* @param  {Blob} blob* @param  {String} filename 想要保存的文件名稱*/function  saveAs(blob, filename) {if (window.navigator.msSaveOrOpenBlob) {navigator.msSaveBlob(blob, filename);} else {const anchor = document.createElement("a");const body = document.querySelector("body");anchor.href = window.URL.createObjectURL(blob);anchor.download = filename;console.log(filename, "filename");anchor.style.display = "none";body.appendChild(anchor);anchor.click();body.removeChild(anchor);window.URL.revokeObjectURL(anchor.href);}}/*** 下載* @param  {String} url 目標文件地址* @param  {String} newFilename 想要保存的文件名稱*/export async function download(url, newFilename) {//   console.log(url, newFilename,'jsjsjsjsjsj');      const blob = await getBlob(url);console.log(blob,'blob');saveAs(blob, newFilename);}//************************修改文件下載的名稱*********end************************