`1`

pjb

2025-07-15 c6c9b7d3baa822765768c110304d27623f946286

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
import type { RequestOptions } from '@@/plugin-request/request'; 
import type { RequestConfig } from '@umijs/max'; 
import { message, notification } from 'antd'; 
 
// 错误处理方案： 错误类型 
enum ErrorShowType { 
  SILENT = 0, 
  WARN_MESSAGE = 1, 
  ERROR_MESSAGE = 2, 
  NOTIFICATION = 3, 
  REDIRECT = 9, 
} 
// 与后端约定的响应数据格式 
interface ResponseStructure { 
  success: boolean; 
  data: any; 
  errorCode?: number; 
  errorMessage?: string; 
  showType?: ErrorShowType; 
} 
 
/** 
 * @name 错误处理 
 * pro 自带的错误处理， 可以在这里做自己的改动 
 * @doc https://umijs.org/docs/max/request#配置 
 */ 
export const errorConfig: RequestConfig = { 
  // 错误处理： umi@3 的错误处理方案。 
  errorConfig: { 
    // 错误抛出 
    errorThrower: (res) => { 
      const { success, data, errorCode, errorMessage, showType } = 
        res as unknown as ResponseStructure; 
      if (!success) { 
        const error: any = new Error(errorMessage); 
        error.name = 'BizError'; 
        error.info = { errorCode, errorMessage, 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 { errorMessage, errorCode } = errorInfo; 
          switch (errorInfo.showType) { 
            case ErrorShowType.SILENT: 
              // do nothing 
              break; 
            case ErrorShowType.WARN_MESSAGE: 
              message.warning(errorMessage); 
              break; 
            case ErrorShowType.ERROR_MESSAGE: 
              message.error(errorMessage); 
              break; 
            case ErrorShowType.NOTIFICATION: 
              notification.open({ 
                description: errorMessage, 
                message: errorCode, 
              }); 
              break; 
            case ErrorShowType.REDIRECT: 
              // TODO: redirect 
              break; 
            default: 
              message.error(errorMessage); 
          } 
        } 
      } else if (error.response) { 
        // Axios 的错误 
        // 请求成功发出且服务器也响应了状态码，但状态代码超出了 2xx 的范围 
        message.error(`Response status:${error.response.status}`); 
      } 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 url = config?.url?.concat('?token = 123'); 
      return { ...config, url }; 
    }, 
  ], 
 
  // 响应拦截器 
  responseInterceptors: [ 
    (response) => { 
      // 拦截响应数据，进行个性化处理 
      const { data } = response as unknown as ResponseStructure; 
 
      if (data?.success === false) { 
        message.error('请求失败！'); 
      } 
      return response; 
    }, 
  ], 
};