axios--请求&响应拦截器（每次请求,请求头都携带1个token）

import axios from 'axios';  //引入axios

// 添加请求的拦截器
axios.interceptors.request.use(function (config) {
 //config是个大对象，里面有很多自带的默认属性。
  console.log(config); //这个config大对象是默认传递的，axios自带的，{url: "/mock/home", params: {…}, headers: {…}, transformRequest: Array(1), transformResponse: Array(1), …},其中： headers: {Accept: "application/json, text/plain, */*"}

  config.headers.token="Lucy"; //设置请求头，给请求头对象添加token属性(localStorage.getItem("key"))

  console.log("最新的",config); //里面的headers: {Accept: "application/json, text/plain, */*", token: "Lucy"}
  return config;

}, function (error) {
  return Promise.reject(error);
});

// 添加一个响应的拦截
axios.interceptors.response.use(function (response) {
// 参数response也是1个对象，里面有很多自带的默认属性
  console.log(response); //{data: {…}, status: 200, statusText: "OK", headers: {…}, config: {…}, …}
  response.ji="哈哈" //给响应头：添加自定义属性ji
  console.log(response); //response对象多了一个ji属性
  return response;
}, function (error) {
  // Do something with response error
  return Promise.reject(error);
});

设置请求拦截器：每次发出请求前，都先会被拦截器拦截；给请求头设置了token，则每次发出的请求都会带这个请求头token（在谷歌浏览器的network面板中也可以看到这个token）！

设置响应拦截器：每次响应回来前，都会先被拦截器拦截！

response响应对象里面：每次都会携带请求config对象！

axios函数返回的是1个promise对象，1个axios请求返回1个promise对象；

axios.all([promise对象1，promise对象2])、axios.spread()两个辅助函数可用于处理（并发请求：如2个请求，即数组中有2个promise对象）：同时发送多个请求，可以实现在多个请求都完成后再执行一些逻辑。注意：该方法是axios的静态方法，不是axios实例的方法！

往react对象上绑定axios,可以不再页面上每次都引入axios! （Vue是绑定在Vue构造函数的原型对象上！）

//react项目（react框架：使用的是ES6，类class）：
import React from 'react'; //React是1个对象！
import axios from 'axios';
//这行代码是往React对象上绑定1个axios属性:后续无论在哪个页面，都可以直接使用React.axios，不用再引入axios了。
React.axios = axios;//实例属性（推荐）
// window.axios = axios; //往全局绑定（暂不推荐）

//Vue项目（Vue框架：使用的传统的基于原型（对象）的构造函数）
//在mina.js中引入axios，因为其不属于vue全家桶，所以将其挂载在vue原型上，实现全局使用.
import Vue from 'vue';
import axios from 'axios'; 
Vue.prototype.axios= axios;//实例属性(在Vue构造函数的原型上绑定了axios,也可起个其他名$axios)
window.axios = axios; //全局API
export default axios;


在组件.vue页面中可直接打点使用：
//post请求（通过data传参）：
Vue实例.axios({url:"XXXX",method:"post",data:{XXX}})

//get请求（默认的，可不写method；通过params传参）
Vue实例.axios({url:"xxx",params:{xxx} })

某.vue文件使用案例如下：
  mounted(){
    this.axios({
      url:'/api/home',
      params:{_page:1,_limit:10}
    }).then(
      res=>this.list=res.data.data
    )

    window.axios({
      url:'/douban/v2/movie/top250',
      params:{start:1,count:1}
    }).then(
      res=>this.douban=res.data
    )
  }

详细的axios的config对象+拦截器，参照：https://blog.csdn.net/gao_xu_520/article/details/79726298

axios.all（）和axios.spread()方法，参照：https://segmentfault.com/a/1190000019882188?utm_source=tag-newest