request.ts 2.28 KB
import axios from 'axios'
import * as store from "@/pinia/index";
import router from '@/router'
import { useLoginStore } from '@/pinia/login';
import { ElMessage } from 'element-plus'

// 不这样写报ts类型错误,import...有一个多余的boolean类型
let url: any = import.meta.env
let instance = axios.create({
  baseURL: url.VITE_BASE_URL,
  withCredentials: true,
  timeout: 10000
})

instance.interceptors.request.use( 
  config => {
    config.headers['Accept'] = 'application/json'
    config.headers['Access-Control-Allow-Origin'] = '*'
    config.headers['X-Token'] = useLoginStore()?.$state?.token
    // config.headers['X-Token'] = store.family.loginStore().token
    return config
  },
  error => {
    return Promise.reject(error)
  }
)
instance.interceptors.response.use(
  response => {
    if(response.headers['content-type'] == 'application/vnd.ms-excel;charset=UTF-8') {
      return response.data
    }
    if (response) {
      if (response?.data?.errorCode === 0) {
        return response
      } else {
        switch (~~response?.data?.errorCode) {
          case 10002:
            ElMessage.error(response?.data?.errorMessage || '登录失效');
            // store.family.loginStore().removeToken()
            useLoginStore()?.removeToken()
            // TODOS 这里需要区分中国网环境和社区环境
            let loginPath: string = window.localStorage.getItem('isCnlive') === 'true'? '/enter': '/login'
            router.replace({
              path: loginPath
            })
            break;
          case 500:
            ElMessage.error(`${response?.data?.errorMessage}`)
            break;
          default:
            ElMessage.error(response?.data?.errorMessage || '操作失败');
            break
        }
        // TIP declare axios 的 module reject就不报ts类型错误
        // declare位置 src/@type/module/index.d.ts
        // 原因还没研究明白呢
        return Promise.reject()
      }
    }
  },
  error => {
    let msg
    if (error.message.indexOf('exceeded') >= 0) {
      msg = '请求超时'
      ElMessage.error(msg);
    } else if (error.message.indexOf('401') >= 0) {
      return false
    } else {
      msg = error?.message ?? 'Error'
      ElMessage.error(msg);
      return Promise.reject(error)
    }
  }
)

export default instance