blob文件导出，设置了responseType: ‘blob‘之后，如果返回json错误信息，处理方法

最新推荐文章于 2024-08-04 10:38:38 发布

花儿会跳舞吗

最新推荐文章于 2024-08-04 10:38:38 发布

阅读量3.2k

点赞数 3

文章标签： json javascript 开发语言

本文链接：https://blog.csdn.net/m0_64399627/article/details/127055248

版权

 1         let that = this
 2         axios.get({
 3           url: 'xxxxxx',
 4           method: 'get',
 5           data:{},
 6           responseType: 'blob', // 后台返回的数据会被强制转为blob类型
 7         }).then(res => {
 8           let reader = new FileReader();
 9           reader.readAsText(res)
10           reader.onload = function (result) {
11             try {
12               let resData = JSON.parse(result.target.result);  // 解析对象成功，说明是json数据
13               if (resData.code) {
14                 that.$message({
15                   type: 'error',
16                   message: resData.desc
17                 })
18               }
19             } catch (err) {   // 解析成对象失败，说明是正常的文件流
20               let blob = new Blob([res], {type: "application/vnd.ms-excel"});
21               var link = document.createElement('a');
22               link.href = window.URL.createObjectURL(blob);
23               link.download = `文件名.xls`;
24               link.click()
25             }
26           };
27         })

1. 数据异常，后台返回 blob 类型异常信息：

　　使用 new FileReader()，将 blob 转为 json，然后进行处理

2. 数据正常，后台返回 blob 文件流：

　　通过方法，直接下载