Vue+Vuex 实现全局统一错误提示

Posted 2023-03-20

参考技术A 之前的错误提示统一放在 axios 封装的组件里，因为请求的时候无法访问 vue 实例，只好单独引入实现。

按照上述思路，如果使用新封装的全局统一错误提示组件,就要在请求的时候引入这个组件，像引入 element-ui 里的 Message 一样。这就比较麻烦了，挂载到哪个 DOM 上？ body ?为什么不能挂载到当前组件的节点？

此路不通，不是最佳实现办法，需要转换下思路了：能不能在根组件 App.vue 中引入错误组件，通过某种状态触发呢？恰好 Vue 里有 watch 侦听器，参考了下别人的文章，上码：

这样在App.vue 里面就可以引入封装好的统一的错误组件，将 this.$message 换掉就ok了。

参考：
Vue全局错误提示的一点思考