引入：

• import Axios from 'axios';
• Vue.prototype.$axios = Axios;

语法：

• this.$axios.get(url,options)
• this.$axios.post(url,data,options)
• 全局默认设置 ：Axios.defaults.baseURL = 'xxxxx';
• options：headers, baseURL, params

基本使用

// GET
this.$axios.get("/news/list?type=gn")
  .then(res => {
  console.log(res.data.result);
})
  .catch(err => {
  console.log(err);
});

// or

this.$axios.get("/news/list", {
        params: {
            type: 'gn'
        }
    })...

// POST
this.$axios.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

合并请求

应用场景：必须保证两次请求都成功，e.g. 分头获取省、市的数据

执行特点：只要有一个请求失败就算失败，否则成功

语法：

1. 先$axios.all([请求1, 请求2])
2. 在下一个then中调用 this.$axios.spread
3. spread回调函数中包含与all中请求顺序一致的响应数据

this.$axios.all([
        this.$axios.get("/news/list?type=gn"),
        this.$axios.get("/news/list?type=js"),
    ])
    .then(this.$axios.spread((res1, res2) => {
        console.log(res1.data);
        console.log(res2.data);
    }))
    .catch(err => {
        console.log(err);
    });

拦截器

作用：过滤，在每一次请求与响应中、添油加醋