技術標籤：vue

vue 下載 流檔案

我們在有時候會接到匯出的任務，這裡如果是後端給你下載地址的話，這樣會好很多，但是也有很多是後端返回的流檔案，這個時候 後臺返回的

然後我們需要轉碼

方法一：

通過外掛https://github.com/kennethjiang/js-file-download

然後

安裝

npm install js-file-download --save

在需要使用的地方

var fileDownload = require("js-file-download");

介面檔案部分

//以下fileName是取後臺的檔名,如果沒有'content-disposition',可以直接略過這一步,自己定：如fileName="xxx.xlsx"。
 

exportExport(引數).then(res => {
  	let fileName = res.headers['content-disposition'].match(/fushun(\S*)xls/)[0];
　　 fileDownload(res.data,fileName);
}).catch(error => {
	console.log(error)
})

方法二

通過Blob實現

exportExport(引數).then(res => {
	let blob = new Blob([res], {type: "application/vnd.ms-excel"
 
}); 
	let objectUrl = URL.createObjectURL(blob); 
	window.location.href = objectUrl;
}).catch(error => {
	console.log(error)
})