vuex 统一处理网络请求错误

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

最直观的解决方法

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

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

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

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

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

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

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

需要显示哪些错误信息

即规范 reject 的数据结构

  • url
  • http status
  • error code
  • error message

参考

关于作者 🌱

我是来自山东烟台的一名开发者,有敢兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式