1、问题:axios配置到Vue的原型中后,在组件中使用显示未define;使用封装的request也同样显示request未define。
  • 解决思路:在main.js中明显已经导入了axios,也已经配置好了。出现这样的原因有两种:一是axios未安装成功;二是未引入或者使用错误。
  • 解决过程:查阅了很多,发现应该是因为使用过VueAxios的原因导致的问题,于是在不想使用VueAxios的情况下,将其卸载后还是不行,故新建了一个项目只查看axios的使用,最后发现加一个this就成功了,背后的原理还未可知。之所以加this是因为axios配置到Vue的原型中后,按理说是会直接从vue的原型查找的,可能由于VueAxios的原因,默认查找的对象发生了改变。同理,request也加this同样生效了。
2、在解决axios使用问题时,新建项目由于使用了eslint又导致了格式问题。
  • 解决过程:于是决定取消eslint,在查找到配置setting json后,配置完成似乎并未成功且显示eslint不可用,于是同时又设置了npm run eslint的配置,使用该命令后修改生效,至此eslint不再烦扰我的实验。