在vue-cli脚手架中使用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)
        })

还有详细的用法，可以看官方文档。