vue怎么使用axios接收流文件
导读:本文共824字符,通常情况下阅读需要3分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要:希望大家仔细阅读,能够学有所成!在调用接口成功后如图所示:现在需要调试下axios.js文件统一拦截//导出constheaders=response.headers//console.log(headers['content-type'])将打印的值,也将后台返回的相应头设置成相同的,我的就是'application/octet-stream;charset=UTF-... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。希望大家仔细阅读,能够学有所成!
在调用接口成功后如图所示:
现在需要调试下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接收流文件的详细内容,希望对您有所帮助,信息来源于网络。