原博客
vue中關(guān)于后端返回文件流后前端如何下載及自定義名稱_mb5fe3290a9b4fe的技術(shù)博客_51CTO博客
文件請求流返回信息如圖
29170012_617bb81cedc814540.png
1，在請求接口的時候請求頭要添加responseType: 'blob'
123.png
2顿肺，拿到返回的文件流進行下載
let blob = new Blob([response], { type: "application/vnd.ms-excel" }) // response就是接口返回的文件流
let objectUrl = URL.createObjectURL(blob)
const link = document.createElement("a") // 創(chuàng)建a標簽
link.href =objectUrl
link.download = "數(shù)據(jù)文件" // 自定義文件名
link.click() // 下載文件
URL.revokeObjectURL(objectUrl) // 釋放內(nèi)存
