Function useFetch

frontend/packages/common/src/hooks/http.ts:144–239

()

type EoHeaders = Headers | { [k: string]: string }

export function useFetch() {
  // plugin cannot use usePluginEventHub directly, so we need to pass it as a parameter
  const pluginEventHub = usePluginEventHub()

  function fetchData<T>(url: string, options: EoRequest) {
    const controller = new AbortController()
    const signal = controller.signal

    // 如果提供了callback，则传递取消请求的函数
    if (options.callback) {
      options.callback(() => controller.abort())
    }

    // 合并传入的headers与默认headers
    const headers = { ...(options.body ? {} : DEFAULT_HEADERS), ...options.headers }

    // 检查是否需要转换键
    const shouldTransformKeys =
      !shouldNotTransform(url) && options?.eoTransformKeys && options?.eoTransformKeys?.length > 0

    // 处理URL查询参数
    url = processQueryParams(url, options, !!shouldTransformKeys)

    // 处理请求体, 当请求头为json时，fetch的body应当是json字符串
    options.body = processRequestBody(options, headers as EoHeaders, !!shouldTransformKeys)
    // 全局请求前拦截
    const finalOptions = {
      ...(options || {}),
      headers: {
        ...headers
        // Authorization: 'Bearer your-token', // 示例：添加统一的Token认证
      },
      signal // 将signal传递给fetch请求
    }

    return fetch(`${options?.eoApiPrefix === undefined ? '/api/v1/' : options.eoApiPrefix}${url}`, finalOptions)
      .then(async (response) => {
        if (response.status === STATUS_CODE.UNANTHORIZED) {
          // 处理401未登录的逻辑，比如跳转到登录页面或弹出登录框
          console.log('Unauthorized access, redirecting to login...')
          window.location.href = '/login' // 示例：重定向到登录

          return // 返回或抛出错误，确保不继续执行后续的响应处理
        }

        if (response.status === STATUS_CODE.FORBIDDEN) {
          // 处理403无权限，比如跳转到登录页面或弹出登录框
          console.log('Unauthorized access, redirecting to login...')
          // window.location.href = '/login' // 示例：重定向到登录

          return // 返回或抛出错误，确保不继续执行后续的响应处理
        }

        if (!response.ok) {
          throw new Error(`HTTP error! status: ${response.status}`)
        }

        if (options?.isStream) {