后端返回的json数据为：

{"success":false, "message":"操作失败，没有需要下载的文件","code":500}

前端捕获到的Blob数据：?

?解决方法：服务响应的统一拦截器中判断blob类型，输出异常信息：

import Vue from 'vue' import axios from 'axios' const service=axios.create({ baseUrl:xxxxx, timeout:3600000 }) //response interceptor service.interceptors.response.use(response)=>{ if(response.status==200 &&b response.config.responseType=='blob'){ if(response.data.size==0 || response.headers['content-type'].includes('json'){ let data=response.data let fileReader=new FileReader() fileReader.readAsText(data) fileReader.onload=function(result){ let jsondata=JSON.parse(result.target.result) notification.error({message:'提示', description: jsondata.message}) } return Promise.reject(response) } return response }else{ return response.data } },error)

参考文档：

blob文件导出，设置了responseType: 'blob'之后，如果返回json错误信息，处理方法（new FileReader()） - cros - 博客园axios 设置?responseType:Blob，后台返回的数据会被强制转为blob类型，这时后台返回的数据会有两种情况要处理： 1. 数据异常，后台返回 blob 类型异常信息： 使用https://·blogs.com/qilj/p/11950517.html

---

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。