axios请求后台返回文件流时报错,错误处理办法

前言

有一个接口是向后台要图片的文件流的,前端传参数,后台对应的返回二进制流
这个时候按照正常的请求设置 responseType = 'blob' 就可以拿到后台的数据
但是

这个时候后台的接口报错了,返回code为非0的值(我们的接口0为正常返回)那这个时候就要对这个错误进行抛出,让用户看到错误,但是按照之前的写法,直接以对象的形式取后台的errormsg 肯定是不行的,后来与后台商量了解,这样处理就好啦

axios().then(res => {
         if (res.data.type === 'application/json') {
           let reader = new FileReader();
           // 处理load事件。该事件在读取操作完成时触发
           reader.onload = e => {
             let res = JSON.parse(e.target.result);
             this.$Message.error(res.msg); //异常信息抛出
           };
           reader.readAsText(res.data);
         } else {
           //正确回调函数
         }
       });

后台说,只有在报错时返回的type 才会是 application/json 格式,
好了,这样就完美解决后台返回二进制流报错,前端处理报错问题啦!

转载需注明!
还请多多指教

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值