# Vue 使用 Axios

- Link: https://www.ixiqin.com/2019/02/25/vue-use-axios/
- Published: 2019-02-25T17:41:57+08:00
- Author: 白宦成

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

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

首先，安装 axios 和 vue-axios

    ```shcb-line-numbers
    yarn add axios vue-axios
    ```

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

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

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

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

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