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