import type { RequestOptions } from '@@/plugin-request/request'; import type { RequestConfig } from '@umijs/max'; import { message, notification } from 'antd'; import { getToken } from './utils/auth'; // 错误处理方案: 错误类型 enum ErrorShowType { SILENT = 0, WARN_MESSAGE = 1, ERROR_MESSAGE = 2, NOTIFICATION = 3, REDIRECT = 9, } // 与后端约定的响应数据格式 interface ResponseStructure { ok: boolean; data: any; code?: number; message?: string; showType?: ErrorShowType; } /** * @name 错误处理 * pro 自带的错误处理, 可以在这里做自己的改动 * @doc https://umijs.org/docs/max/request#配置 */ export const errorConfig: RequestConfig = { // 错误处理: umi@3 的错误处理方案。 errorConfig: { // 错误抛出 errorThrower: (res) => { const { ok, data, code, message, showType } = res as unknown as ResponseStructure; if (!ok) { const error: any = new Error(message); error.name = 'BizError'; error.info = { code, message, showType, data }; throw error; // 抛出自制的错误 } }, // 错误接收及处理 errorHandler: (error: any, opts: any) => { if (opts?.skipErrorHandler) throw error; // 我们的 errorThrower 抛出的错误。 if (error.name === 'BizError') { const errorInfo: ResponseStructure | undefined = error.info; if (errorInfo) { const { message: msg, code } = errorInfo; switch (errorInfo.showType) { case ErrorShowType.SILENT: // do nothing break; case ErrorShowType.WARN_MESSAGE: message.warning(msg); break; case ErrorShowType.ERROR_MESSAGE: message.error(msg); break; case ErrorShowType.NOTIFICATION: notification.open({ description: msg, message: code, }); break; case ErrorShowType.REDIRECT: // TODO: redirect break; default: message.error(msg); } } } else if (error.response) { // Axios 的错误 // 请求成功发出且服务器也响应了状态码,但状态代码超出了 2xx 的范围 // message.error(`Response status:${error.response.status}`); message.error(`${error.response.data.message}`); } else if (error.request) { // 请求已经成功发起,但没有收到响应 // \`error.request\` 在浏览器中是 XMLHttpRequest 的实例, // 而在node.js中是 http.ClientRequest 的实例 message.error('None response! Please retry.'); } else { // 发送请求时出了点问题 message.error('Request error, please retry.'); } }, }, // 请求拦截器 requestInterceptors: [ (config: RequestOptions) => { const token = getToken(); if (token) { config.headers!.Authorization = token; } return config; }, ], // 响应拦截器 responseInterceptors: [ (response) => { // 拦截响应数据,进行个性化处理 const { data } = response as unknown as ResponseStructure; if (data?.ok === false && errorConfig?.errorConfig?.errorThrower) { errorConfig.errorConfig.errorThrower(data); } return response; }, ], };