vue3二次封装axios请求，分body和query的请求类型

1、https/index.js

import axios from "axios";
import { ElMessage,ElLoading  } from 'element-plus';
let loadingInstance  = null;
let loadingTimer = 0;
const showLoading = (target = 'body') => {
  // 加一个延迟，若加载时间小于100ms，则显示loading，算是一个小优化，也可以不要延迟
  loadingTimer = window.setTimeout(() => {
      if (loadingTimer && !loadingInstance) {
          loadingInstance = ElLoading.service({
              target,
              background: 'rgba(255,255,255,0.5)',
          });
      }
  }, 1);
};
// 关闭loading
const closeLoading = () => {
  loadingTimer && window.clearTimeout(loadingTimer);
  loadingTimer = 0;
  loadingInstance && loadingInstance.close();
  loadingInstance = null;
};
const service = axios.create({
  baseURL: import.meta.env.VITE_BASE_URL,
  timeout: 60000,
});
// 添加请求拦截器
service.interceptors.request.use(
  function (config) {
    showLoading();
    // 在发送请求之前做些什么
    if (localStorage.getItem("token")) {
      config.headers.Authorization = "Bearer " + localStorage.getItem("token");
    }
    return config;
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);
// 添加响应拦截器
service.interceptors.response.use(
  function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    // if(response.da)
    // console.log(response,"response")
    // console.log(response.data.code,111);
      // 状态401，身份验证失败
      if (response.data.code == '401'){
        ElMessage({
          showClose: true,        
          message: response.data.message,
          type: 'error',
       })
        localStorage.clear();
      }
        // 状态403，权限认证失败
  if (response.data.code==403){
        closeLoading();
        ElMessage({
          showClose: true,
          message: response.data.message,
          type: 'error',
       })
    return response.data;
  }
 // 状态403，系统异常
 if (response.data.code==500){
        closeLoading();
        // alert(response.message)
        ElMessage({
          showClose: true,
          message: response.data.message,
          type: 'error',
       })
    return response.data;
  }
    let responseData = response.data;
    // console.log(responseData,"responseData")
    let responseDataCode = response.data.code;
    // console.log(responseDataCode,"responseDataCode")
    // 状态200，操作成功
closeLoading();
    if (responseDataCode == 200) {
      // console.log('data');
      return response.data;
    }
    if (response.status == 200) {
      // console.log('data');
      return response
    }
    if(!response.Blob ){
      // console.log('Blob');
      ElMessage({
        type: 'error',
        message: responseData.message,
      })
    }
  return response;
}, function (error) {
  // 超出 2xx 范围的状态码都会触发该函数。
  // 对响应错误做点什么
  return Promise.reject(error);
});
export default service;

2、body请求方式

https/department.js(data是对象)

// 新增
export function addDepartmentList(data){
    return service.post('/department',data)
}

3、query请求方式

https/nominated.js
方式一(page、size是传给后端的参数)

export function getWholeList(a,b){
    return service.get(`/pageList?page=${a}&size=${b}`)
}

方式二(data是对象)

export function selectStateList(data){
    return service({
        url:'/pageList',
        method:'get',
        params:data
    })
}