el-uolaod 上传组件on-error 回调 拿到后端消息体

本文讲述了在使用el-upload组件时遇到的on-error回调中无法获取后端错误信息的问题。由于el-upload的异步提交方式未经过axios的请求拦截器,因此需要在on-error回调内直接处理错误信息。通过转换和解析错误对象,成功获取并展示了后端返回的错误详情。
摘要由CSDN通过智能技术生成

今天遇到测试提的bug报错,一个导入文件出错,后端有错误信息,前段为什么没有弹出,因为项目里所有报错都是架构里做的,所有请求都是用的axios,在请求拦截里做了错误消息提示。查找之后发现原因所在,用的el-uoload组件,他用action提交的,没有走请求拦截,所以要在uplaod的on-error回调里做一个错误信息提示,原因和解决思路都明确了,但是on-error这里拿到后端返回的消息却遇到了问题,这才是这篇博客要说的,费了一番功夫,圆满解决。

在这里插入图片描述
上图是打断点得到的on-error函数返回的err信息,处理过程,先同toString变成字符串后用replace方法去掉Error: 得到部分就是json信息了,之后用JSON.parse()转换一下,就能得到前段的对象了,下面是代码

        error (err) {
   
          let error = err.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值