file-uploaded-error出错

来源:9-4 Uploader 组件第二部分

Best_Coder_LCN

2021-10-10

发现一处bug,
chrome开发工具,禁用网络情况下上传图片时,
axios已完成,但是加载动画效果一直在。

解决办法:

// response 拦截器 onRejected 部分 (main.ts)
// 可能是版本改动,老师这里的这句话报错了,

const { error } = e.response.data  //undefined

// 因为这句话报错,导致后边不会执行,
// 不会结束加载动画,也不会触发createMessage提示

store.commit('setError', { status: true, message: error })
store.commit('setLoading', false)
return Promise.reject(e.response.data)

// 这句话要改成
const error = e.message
写回答

1回答

张轩

2021-10-10

同学你好 很好的思考 这里并没有考虑到断网的情况 只是考虑了服务器出错的情况 这个 e.response.data.error 是服务器返回的错误信息,里面包含了具体的错误,在这里你可以先判断 data 有没有,没有的话在弹出一个设置一个自定义的信息,这样就比较完美了,我后面可以稍微重构一下这段代码。

0
2
Best_Coder_LCN
清楚了, 服务器返回错误是e.response.data, 网络错误是e.message, 原来是分开的, 昨天搞了好久, 了解了。
2021-10-11
共2条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目,率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程