在vue-cli 中如何使用 axios

方法一：

1. 安装axios

$ npm install --save axios

2.在main.js中引入axios

import axios from 'axios'

3. 将axios设置给vue的原型对象

Vue.prototype.axios = axios

4. 在需要的时候用axios.get()

方法二：

1.安装axios vue-axios

$ npm install --save axios vue-axios

2.在main.js中引入两者

  import axios from 'axios'
  import VueAxios from 'vue-axios'

3.调用Vue的use方法

Vue.use(VueAxios,axios)

4. 在需要的时候用axios.get()

2. axios拦截器

   mounted: function () {
    axios.interceptors.request.use((config)=>{ //请求个人信息时验证是否登陆
      console.log(this);
      this.isShow = true;
      //可以添加请求前的 ---  Loading效果处理
      return config;
    });
    axios.interceptors.response.use((response)=>{
      console.log(response);
      this.isShow = false;
      //可以添加响应过后的 ---  效果处理
      return response;
    });
  },