ci4sManagement-cloud/react-ui/src/requestConfig.ts

/*
 * @Author: 赵伟
 * @Date: 2024-03-25 13:52:54
 * @Description: 网络请求配置，详情请参考 https://umijs.org/docs/max/request
 */
import type { AxiosRequestConfig, AxiosResponse, RequestConfig, RequestOptions } from '@umijs/max';
import { message } from 'antd';
import { clearSessionToken, getAccessToken } from './access';
import { setRemoteMenu } from './services/session';
import Loading from './utils/loading';
import { gotoLoginPage } from './utils/ui';

// [antd: Notification] You are calling notice in render which will break in React 18 concurrent mode. Please trigger in effect instead.
const popupError = (error: string, skipErrorHandler: boolean | undefined = false) => {
  if (skipErrorHandler) {
    return;
  }
  // 直接调用 message.error 有时候不弹出来
  setTimeout(() => {
    message.error(error);
  }, 100);
};

/**
 * Umi Max 网络请求配置
 * @doc https://umijs.org/docs/max/request#配置
 */
export const requestConfig: RequestConfig = {
  timeout: 120 * 1000,
  requestInterceptors: [
    (url: string, options: AxiosRequestConfig) => {
      const headers = options.headers ?? {};
      const authHeader = headers['Authorization'];
      const isToken = headers['isToken'];
      if (!authHeader && isToken !== false) {
        const accessToken = getAccessToken();
        if (accessToken) {
          headers['Authorization'] = `Bearer ${accessToken}`;
        }
      }
      Loading.show();
      return { url, options };
    },
  ],
  responseInterceptors: [
    [
      (response: AxiosResponse) => {
        Loading.hide();
        const { status, data, config } = response || {};
        const skipErrorHandler = (config as RequestOptions)?.skipErrorHandler;
        if (status >= 200 && status < 300) {
          if (data && (data instanceof Blob || data.code === 200)) {
            return response;
          } else if (data && data.code === 401) {
            clearSessionToken();
            setRemoteMenu(null);
            gotoLoginPage(false);
            popupError('请重新登录');
            return Promise.reject(response);
          } else {
            popupError(data?.msg ?? '请求失败', skipErrorHandler);
            return Promise.reject(response);
          }
        } else {
          popupError('请求失败', skipErrorHandler);
          return Promise.reject(response);
        }
      },
      (error: Error) => {
        Loading.hide();
        popupError(error.message ?? '请求失败');
        return Promise.reject(error);
      },
    ],
  ],
};