axios使用拦截器统一处理所有的http请求

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。很多情况我们要对请求和其响应进行特定的处理；如果请求数非常多，单独对每一个请求进行处理会变得非常麻烦。好在强大的axios为开发者提供了这样一个API：拦截器。

拦截器分为 请求（request）拦截器和 响应（response）拦截器。

http request拦截器

// 添加请求拦截器
axios.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    return config;
  }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  });

http respones拦截器

// 添加响应拦截器
axios.interceptors.response.use(function (response) {
    // 对响应数据做点什么
    return response;
  }, function (error) {
    // 对响应错误做点什么
    return Promise.reject(error);
  });

移除拦截器

var myInterceptor = axios.interceptors.request.use(function () {/*...*/});
axios.interceptors.request.eject(myInterceptor);

为自定义axios实例添加拦截器

/****** 创建axios实例 ******/

const service = axios.create({

    baseURL: process.env.BASE_URL,  // api的base_url

    timeout: 5000  // 请求超时时间

});

service.interceptors.request.use(function () {/*...*/});