vuex 统一处理网络请求错误

文章目录

    最直观的解决方法

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

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

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

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

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

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

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

    需要显示哪些错误信息

    即规范 reject 的数据结构

    • url
    • http status
    • error code
    • error message

    参考

    关于作者 🌱

    我是来自山东烟台的一名开发者,有感兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊,或者关注我的个人公众号“大象工具”, 查看更多联系方式