axios封装

import axios from "axios";
import {router} from '@/router/index'
import {message} from "ant-design-vue"
import {Util} from "@/utils/index"

const util = new Util();

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

// 添加响应拦截器
axios.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  return response;
}, function (error) {
  if(error.code && error.code == 'ERR_CANCELED'){
    return Promise.reject('cancelRequest');
  }
  if(error.response.status == 401){
    if(localStorage.getItem("access_token")){
      localStorage.removeItem('token_type');
      localStorage.removeItem('access_token');
      localStorage.setItem('redirectUrl',`${location.pathname}${location.search}`)
    }
    // router.replace('/login')
    util.toLogin()
  }else if(error.response.status == 403){
    message.error({
      content:"暂无权限访问！",
      key:'1'
    })
  }
  // 对响应错误做点什么
  return Promise.reject(error);
});

const http = function (
  method: string,
  url: string,
  params: any = {},
  data: any = {},
  other: any = {}
) {
  const token_type = localStorage.getItem("token_type")
    ? localStorage.getItem("token_type")
    : "";
  const access_token = localStorage.getItem("access_token")
    ? localStorage.getItem("access_token")
    : "";
  if(method == 'post' && arguments.length == 3) {
    data = params;
    params = {};
  }
  return new Promise((resolve, reject) => {
    axios({
      method: method,
      url: import.meta.env.VITE_BASE_API + url,
      // baseURL:baseURL,
      params: params,
      data: data,
      headers: {
        // 'Content-Type':'application/x-www-form-urlencoded',
        // "Content-Type": "multipart/form-data",
        "Content-Type": "application/json",
        "X-Requested-With": "XMLHttpRequest",
        Authorization: access_token?token_type+ ' ' + access_token:'',
      },
      ...other,
    })
      .then(function (response) {
        resolve(response.data);
      })
      .catch(function (response) {
        if(response == "cancelRequest"){
          return false
        }
        if(response.response.status == 401){
          return false
        }else{
          reject(response);
        }
      });
  });
};

export default http;