fara-fe-admin/src/api/index.ts

import axios from 'axios'
import { toast } from 'vue-sonner'
import type { AxiosRequestConfig } from 'axios'
import type {
  BaseResponse,
} from '@/types'

// 请求重试配置
const MAX_RETRY_COUNT = 3 // 最大重试次数
const RETRY_DELAY = 1000 // 重试延迟时间（毫秒）

export const BASE_URL = (import.meta.env.DEV && import.meta.env.VITE_OPEN_PROXY) ? '/proxy/' : import.meta.env.VITE_APP_API_BASEURL
export const BASE_CDN_URL = (import.meta.env.DEV && import.meta.env.VITE_OPEN_PROXY) ? '/proxy/' : import.meta.env.VITE_APP_CDN_BASEURL
// 扩展 AxiosRequestConfig 类型
declare module 'axios' {
  export interface AxiosRequestConfig {
    retry?: boolean
    retryCount?: number
  }
}

const api = axios.create({
  baseURL: BASE_URL,
  timeout: 1000 * 60,
  responseType: 'json',
  headers: {
      Accept: 'application/json',
      'Content-Type': 'application/json',
      // 'accessToken': 'rcOBHJ0Hb8h5xgM/CWtNd8RBhA6WS4OPyJcxrxk4xPZtzeh5PtRXVDA7Um0NZA6NQmnbnZgWB0nNPb8iCrneQj4badFveWLrFq4LrySto3pIo/Zg1dJubbwmu3Vr1LCbSYyVIFrrgt9PXiA85kb9g38FSG3KTSi3AEY/UgjLNLBtH2+91YXKEy2KRZV3v75f',
  },
})

api.interceptors.request.use(
  (request) => {
    // 全局拦截请求发送前提交的参数
    const userStore = useUserStore()
    // 设置请求头
    if (request.headers) {
      if (userStore.isLogin) {
        request.headers.accessToken = userStore.token
        // request.headers.adminToken = userStore.token
      }
    }
    // 是否将 POST 请求参数进行字符串化处理
    if (request.method === 'post') {
      // request.data = qs.stringify(request.data, {
      //   arrayFormat: 'brackets',
      // })
    }
    return request
  },
)

// 处理错误信息的函数
function handleError(error: any) {
  if (error.status === 401) {
    useUserStore().requestLogout()
    throw error
  }
  let message = error.message
  if (message === 'Network Error') {
    message = '后端网络故障'
  }
  else if (message.includes('timeout')) {
    message = '接口请求超时'
  }
  else if (message.includes('Request failed with status code')) {
    message = `接口${message.substr(message.length - 3)}异常`
  }
  toast.error('Error', {
    description: message,
  })
  return Promise.reject(error)
}

api.interceptors.response.use(
  (response) => {
    /**
     * 全局拦截请求发送后返回的数据，如果数据有报错则在这做全局的错误提示
     * 假设返回数据格式为：{code: 0, data: 'DiGJfn3jDc6EQ1KoH/ckj8ZN'}
     * 规则是当 status 为 0 时表示请求成功，为 -40 时表示接口需要登录或者登录状态失效，需要重新登录
     * 请求出错时 error 会返回错误信息
     */
    const { code, msg } = response.data
    console.log(code, msg)
    // if (typeof response.data === 'object') {
    //   console.log(response.data,3333444)
    //   if (response.data.status === 1) {
    //     if (response.data.error !== '') {
    //       toast.warning('Warning', {
    //         description: response.data.error,
    //       })
    //       return Promise.reject(response.data)
    //     }
    //   }
    //   else {
    //     // useUserStore().requestLogout()
    //   }
    //   return Promise.resolve(response.data)
    // }

    // 成功状态
    if (code === 0) {
      return Promise.resolve(response.data)
    }

    handleErrorCode(code, msg)


    return Promise.reject(response.data)
  },
  async (error) => {
    // 获取请求配置
    const config = error.config

    // 如果配置不存在或未启用重试，则直接处理错误
    if (!config || !config.retry) {
      return handleError(error)
    }

    // 设置重试次数
    config.retryCount = config.retryCount || 0

    // 判断是否超过重试次数
    if (config.retryCount >= MAX_RETRY_COUNT) {
      return handleError(error)
    }

    // 重试次数自增
    config.retryCount += 1

    // 延迟重试
    await new Promise(resolve => setTimeout(resolve, RETRY_DELAY))

    // 重新发起请求
    return api(config)
  },
)

// 处理错误 code
async function handleErrorCode(code: number, msg: string) {
  console.log('EE', code, msg)

  if (code === -94) {
    // 登录失效，退出登录
    useUserStore().requestLogout()
    toast.error('Error', {
      description: msg,
    })
  }
  else if (code === -40) {
    // 特殊错误，只显示提示
    toast.error('Error', {
      description: msg,
    })
  }
  else {
    // 所有其他业务错误（如 code: -90），只显示错误提示，不退出登录
    toast.error('Error', {
      description: msg || '请求失败',
    })
  }
}

export default api


// 封装一个 request 请求，直接返回 BaseResponse
export const request = async <T>(url: string, data?:Record<string,any>, config?:  AxiosRequestConfig<any> | undefined)=> {
  return await api.post(url, data, config) as BaseResponse<T>
}