vue 后台接口返回文件流地址的下载

向后台请求文件 返回的是这种文件流

上代码

let url = 'xxxxxxxxx';
let data = new FormData();
data.append('key', val);//请求参数
let headers = { responseType: 'blob' };

axios.post(url, data, headers).then(res => {

// res就是接口返回的文件流了
let blob = new Blob([res.data], {type: "application/vnd.ms-excel"}); //下载excel文件
// let blob = new Blob([res.data], {type: "application/msword"}); //下载word文件
let objectUrl = URL.createObjectURL(blob);
console.log(objectUrl)
window.location.href = objectUrl;
}).catch(err => {

})

posted @ 2021-01-29 10:09  L_JL  阅读(1000)  评论(0编辑  收藏  举报