Axios的封装

1、将axios挂载到Vue的原型上

Vue.prototype.$http = axios

2、配置axios请求的基准路径

// 配置axios请求的基准路径
// 所有的axios请求都会把这个路径作为基准路径去请求
axios.defaults.baseURL = 'http://localhost:8888/api/private/v1';

3、配置axios的请求守卫，所有的axios请求都要经过这里

// 配置axios请求守卫（拦截器）
// 所有的axios发起的请求都要经过这里
    axios.interceptors.request.use(function (config) {
      // console.log('请求进入拦截器了')
      // config就是你本次请求的配置对象
      // console.log(config)

      // 在请求拦截器中定制请求头，加入Authorization token数据
      // config.headers['Authorization'] === config.headers.Authorization //都是可以设置对象的成员
      config.headers['Authorization'] = window.localStorage.getItem('token');
      return config; //类似于next 就是放行的标志
    }, function (error) {
      // Do something with request error
      return Promise.reject(error);
    });