vue 踩坑记-安装 vue-axios 后报错：Cannot set property $axios of #＜Vue＞ which has only a getter

62 阅读 0 评论 41 点赞

刚利用 vue ui 新建了一个 vue 的项目，然后用到 axios，去官网（链接走起：https://github.com/axios/axios）安装了 axios 插件。

然后在后面的开发中，脑子一热安装了vue-axios：

复制代码

1
2
sudo vue add axios

出现标题的报错：Cannot set property $axios of # which has only a getter

经过了解，使用了：

复制代码

1
2
npm install axios

官网安装的方法之后，已经把 axios 挂载在 vue 上了，如果你再安装 vue-axios 的话，app.vue 里面就会多了两行：

复制代码

1
2
3
4
import axios from 'axios'

Vue.prototype.$axios = axios

大胆推测他们两个代码冲突了，所以把上面两行代码删掉，问题就解决了。

如果使用了官网的方法安装 axios 插件的话，就完全没必要再安装 vue-axios 了，直接 import axios from ‘axios’ 就能用到 axios 的方法了。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。