Vue安装axios后页面空白问题

问题

  在使用npm install axios安装了axios,并在main.js中配置完成之后,启动Vue项目,访问页面为空白,查看页面元素,控制台报红TypeError: setting getter-only property "$axios",在参考某篇文章之后解决问题。

解决

1.安装

  vue-cli2和vue-cli3和4安装方法还不一样,我使用的是vue-cli4.3.1,应使用npm add axios,vue-cli2.0使用的是npm install axios

2. 配置(我觉得这可能是主要问题,没有返回验证)

  在main.js中进行配置,不能使用‘’axios‘’字段命名,
之前我是这么写的,页面是空白。

import axios from 'axios'
Vue.prototype.$axios = axios

修改如下之后,完美运行,当然用到axios的地方也要改成$ajax。

import axios from 'axios'
Vue.prototype.$ajax = axios

结束

  仅仅为了记录一下问题解决过程,防止以后再次遇到还要找解决方法,也同时为遇到相同问题的朋友提供方便,如有问题烦请指出,谢谢!

参考文章连接:http://www.mamicode.com/info-detail-2627823.html

你可能感兴趣的:(技术历程)