在vue-cli脚手架中使用axios时遇到的坑
之前一直用的是vue-resource,但是vue2.0后,尤大大说官方不在推荐vue-resource了,于是开始学习使用axios。安装axios:npm install axios看起来是很正常的npm安装依赖,axios官方也是这样推荐安装。但是,这时候坑就出来了。报错了!!!是不是一脸懵逼,官方都是这样写的,你告诉我出错?嗯,没错,在尝试了无数次后,我发现,不在项目内安装axios是没有
·
之前一直用的是vue-resource,但是vue2.0后,尤大大说官方不在推荐vue-resource了,于是开始学习使用axios。
安装axios:
npm install axios
看起来是很正常的npm安装依赖,axios官方也是这样推荐安装。但是,这时候坑就出来了。
报错了!!!
是不是一脸懵逼,官方都是这样写的,你告诉我出错?
嗯,没错,在尝试了无数次后,我发现,不在项目内安装axios是没有问题的,只有放在我的项目中才会出问题。而我的项目是vue-cli搭建的。所以在脚手架中安装axios是不行的。
那怎么解决呢?
cnpm install axios
对,你没有看错,npm不行,但是cnpm就可以了。
cnpm相信大家都很熟悉,是淘宝对npm的镜像文件。
安装方式:
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
这样就行啦。终于能在项目中使用axios了。
下面是axios的使用方式:
1.引入包
import axios from 'axios'
2.由于axios不是vue的插件,不能使用Vue.use().所以,要通过控制原型链的方式来引入。
Vue.prototype.$http = axios
这样,在项目中就可以使用axios的方法了。
this.$http.get('https://yesno.wtf/api').then(function (response) {
console.log(response.data)
})
.catch(function (error) {
console.log(error)
})
还有详细的用法,可以看官方文档。
更多推荐
已为社区贡献2条内容
所有评论(0)