axios封装请求，包含取消请求

axios封装

import axios from "axios";
import QS from "qs";
import { TosMessage } from "@/util/message.js";

let axIns = axios.create();

const repeatCancelMap = new Map() // 取消的map

// 10m的超时时间
axIns.defaults.timeout = 1000 * 60 * 10;

// 请求拦截器
axIns.interceptors.request.use(
  (config) => {
    // let token = window.sessionStorage.getItem("token") || window.localStorage.getItem("token");
    // config.headers.Authorization = token;
    return config;
  },
  (error) => {
    return Promise.error(error);
  }   
);

// 响应拦截器
axIns.interceptors.response.use(
  (response) => {
    if (!response) return Promise.reject(response);
    if (response.status == 200) {
      if (response.data && response.data.code == 101) {
      } else {
        if (response.data.code == 200) {
          return Promise.resolve(response.data);
        } else {
          TosMessage({
            message: response.data.message,
            type: "error",
          })
          return Promise.reject(response.data);
        }
      }
    } else {
      return Promise.reject(response);
    }
  },
  (error) => {
    return Promise.reject(error);
  }
);

/**
 * get 方法
 * @param {String} url [url]
 * @param {Object} params [携带参数]
 */
export function get(url, params) {
  return new Promise((resolve, reject) => {
    axIns
      .get(url, params)
      .then((res) => {
        resolve(res.data);
      })
      .catch((err) => {
        err.data ? reject(err.data) : reject(err);
      });
  });
}

/**
 * post 请求
 * @param {String} url [url]
 * @param {Object} params [请求参数]
 */
export function post(url, params, config) {
  return new Promise((resolve, reject) => {
    let controller = new AbortController()  // 取消请求控制器
    // 重复请求取消判断
    if (config && config.cancelRepeat) {
      if (repeatCancelMap.has(url)) {
        repeatCancelMap.get(url).abort()  // 取消请求
      }
      repeatCancelMap.set(url, controller)
    }
    axIns
      .post(url, QS.stringify(params), {
        signal: config?.cancelRepeat ? controller.signal : ''
      })
      .then((res) => {
        resolve(res.data);
      })
      .catch((err) => {
        err.data ? reject(err.data) : reject(err);
      }).finally(() => {
        repeatCancelMap.delete('url')
      });
    
  });
}

export function ajaxAxios(url, options, params, flag = true) {
  let data = params;
  if (flag) {
    data = data ? QS.stringify(data) : "";
  }
  return new Promise((resolve, reject) => {
    axios({ url, ...options, data })
      .then((res) => {
        resolve(res.data);
      })
      .catch((err) => {
        if (axios.isCancel(err)) {
          console.warn("请求取消: ", url);
        } else {
          err.data ? reject(err.data) : reject(err);
        }
      });
  });
}