vuex 统一处理网络请求错误

更新日期: 2017-06-30 阅读次数: 9501 分类: weex

最直观的解决方法

在 action 的 Promise 返回里,处理 reject 。然后弹窗。

但是,这样做,最大的问题是,需要对所有 action 都处理一遍,无法复用。

方案一: alert 方法写在 vue mixin 中注册成全局方法

这样在每个 vue 组件中,就可以通过 this.hande_error 来处理异常信息了。

例如,weex 中调用 modal 弹窗提示错误信息。

方案二: 更简单粗暴的方式

在 api 请求处理返回结果时,在 reject 逻辑之前,加入弹窗提醒。

需要显示哪些错误信息

即规范 reject 的数据结构

  • url
  • http status
  • error code
  • error message

参考

爱评论不评论

近期节日

2020年08月06日 国际电影节
2020年08月07日 立秋
2020年08月15日 日本投降日
2020年08月22日 处暑
2020年08月25日 七夕
2020年09月02日 中元节
2020年09月03日 抗日胜利纪念日
2020年09月07日 白露
2020年09月08日 国际扫盲日
2020年09月10日 教师节
2020年09月16日 国际臭氧层保护日
2020年09月16日 世界清洁地球日
查看更多节日