Vue 使用 Axios

在 Vue 1 时，我们使用的主要是 Vue-Resource，到了 Vue 2 时，推荐使用 axios。不过 Axios 并非为 Vue 设计，所以需要自己配置一些东西。

But，我是一个懒人，决定选择使用最简单的方法来实现——使用 vue-axios

首先，安装 axios 和 vue-axios

yarn add axios vue-axios

然后，在你的 main.js 中加入如下代码

import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)
Code language: JavaScript (javascript)

这样，就可以将 Axios 注册为全局可用了。

然后在你需要的地方调用即可。

Vue.axios.get(api).then((response) => {
  console.log(response.data)
})
Code language: JavaScript (javascript)

白宦成