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

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

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

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

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

参考：

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

版本问题、网络问题。

1、首先版本问题。检查是不是最新版本，没有下载最新的应用版本，会在使用应用时出现vueelementinputscan框输入错误提示的情况。

2、网络问题。检查网络是否受到波动和影响，重新打开网络装置即可解决该类问题。?

使用vue create创建vue项目，提示标题中的错误

解决办法：

1.npm config list查看配置信息

2.将此路径添加到环境变量中

添加环境变量的 *** 作：

此电脑---->属性----->高级系统设置--->环境变量--->path--->新建--->将路径复制进去点击确定

3.重新启动命令行窗口，输入vue create命令。成功

---