当设置response为blob时,但是返回错误提示的处理方式

xielatian

已于 2023-01-15 20:15:07 修改

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：笔记文章标签：前端 javascript vue.js

于 2023-01-15 18:41:18 首次发布

本文链接：https://blog.csdn.net/weixin_43979503/article/details/128696515

笔记专栏收录该内容

57 篇文章

订阅专栏

该代码段展示了一个使用Axios发送请求后，根据返回数据类型是JSON还是Blob进行不同处理的示例。如果响应数据是JSON，则解析并检查状态；如果是Blob，它将创建一个文件下载链接供用户保存。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

根据判断返回值是json还是blob对应处理；

axios.request('url').then((res)=>{
	const promise=new Promise((resolve,reject)=>{
	const fileReader = new FileReader();
	const blob = new Blob([res.data]);
	fileReader.onload = function(){
		try{
			const jsoninfo = JSON.parse(this.result);
			jsoninfo.status === 0?reject(jsoninfo):resolve(jsoninfo);
		}.catch(err){resolve(err) }
	};
		fileReader.readAsText(blob);
});
promise.then(data=>{
	const blob = new Blob([res.data]);
	const objurl = window.URL.createObjectURL(blob);
	const fileName = res.header.filename,'UTF-8';
	const link = document.createElement('a');
	link.setAttribute('href',objurl);
	link.setAttribute('download',fileName);
	link.click();
}).catch(()=>{})
}