vue怎么使用axios接收流文件(axios,vue,开发技术)

时间:2024-05-05 05:27:21 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

希望大家仔细阅读,能够学有所成!

在调用接口成功后如图所示:

vue怎么使用axios接收流文件

现在需要调试下axios.js文件统一拦截

//导出
constheaders=response.headers
//console.log(headers['content-type'])将打印的值,也将后台返回的相应头设置成相同的,我的就是'application/octet-stream;charset=UTF-8',然后返回response
if(headers['content-type']=='application/octet-stream;charset=UTF-8'){
returnresponse;
}

现在需要注意headers[‘content-type’] 不一定是 ‘application/octet-stream;charset=UTF-8’
在接口调用时需要设置axios的相应类型,responseType: “blob”

this.axios({
method:"get",
url:"/dafw/cljsdc",
params:data,
responseType:"blob"
})
.then(res=>{
letblob=newBlob([_res]);
letdownloadElement=document.createElement("a");
lethref=window.URL.createObjectURL(blob);//创建下载的链接
downloadElement.href=href;
downloadElement.download="xxx.xls";//下载后文件名
document.body.appendChild(downloadElement);
downloadElement.click();//点击下载
document.body.removeChild(downloadElement);//下载完成移除元素
window.URL.revokeObjectURL(href);//释放掉blob对象
...

本文:vue怎么使用axios接收流文件的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:怎么使用Vue+Element树形表格实现拖拽排序下一篇:

4 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18