//新建防抖闭包函数，重复请求只执行最后一次
let requestfun = (() => {
  let requestList = []; //声明一个数组用于存储每个ajax请求的取消函数和ajax标识
  return {
    removeRequest: config => {
      requestList.forEach((i,n)=>{
        if (i.u === `${config.url}&${config.method}`) {
          //当当前请求在数组中存在时执行函数体
          i.f(); //执行取消操作
          requestList.splice(n, 1); //把这条记录从数组中移除
        }
      })
    },
    setRequestList: (u, fn) => {
      requestList.push({
        u: u, //定义标识符
        f: fn //取消事件
      });
    }
  };
})();

// 创建axios实例
const service = axios.create({
  baseURL: process.env.BASE_URL, // api的baseURL
  timeout: 60000 // 请求超时时间
});

// request拦截器
service.interceptors.request.use(
  config => {
    console.log("request===>", config);
    // ------------------------------------------------------------------------------------
    requestfun.removeRequest(config); //在一个ajax发送前执行一下取消操作
    config.cancelToken = new axios.CancelToken(c => {
      // 这里的ajax标识是用请求地址&请求方式拼接的字符串
      requestfun.setRequestList(`${config.url}&${config.method}`, c);
    });
    // -----------------------------------------------------------------------------------------
    return config;
  },
  error => {
    console.log("request===error===>", error);
    // Do something with request error
    return Promise.reject(error);
  }
);

// response 拦截器
service.interceptors.response.use(
  response => {
    console.log("response===>", response);
    // ------------------------------------------------------------------------------------------
    requestfun.removeRequest(response.config); //在一个ajax响应后再执行一下取消操作，把已经完成的请求从requestList中移除
    // -------------------------------------------------------------------------------------------
    if (response.data.code !== 200) {
      return Promise.reject(response.data.message);
    }
    return response;
  },
  error => {
    return Promise.reject(error);
  }
);