vue blob文件下载文件时后端抛出异常，并返回json错误信息，前端捕获信息并提示 |
您所在的位置：网站首页 › 拦截器获取不到异常怎么办 › vue blob文件下载文件时后端抛出异常，并返回json错误信息，前端捕获信息并提示 |
vue blob文件下载文件时后端抛出异常，并返回json错误信息，前端捕获信息并提示
|
后端返回的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 类型异常信息： 使用 设置了responseType:Blob之后，如果返回json错误信息，如果获取？ - 小情绪^_^ - 博客园最近做了一个文件下载功能，于是设置了responseType: Blob的方式， 什么是Blob呢，MDN官方解释：Blob 对象表示一个不可变、原始数据的类文件对象。Blob 表示的不一定 |
https://www.cnblogs.com/liql/p/14516089.html【本文地址】
公司简介
联系我们
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |