umi4的request的responseInterceptors无法拦截到非200响应

[darkfiredarkhalo]

What happens?

非常感谢!
后端使用go zero框架, 前端使用antd pro, 在处理请求时使用@umijs/max的request,发送请求时参数只有url/method/data, 然后在app.ts中做运行时配置, 如下:

export const request: RequestConfig = {
  timeout: 8000,
  // 不起作用, 在requestInterceptors中依据环境修改url可以达到同等效果
  // prefix: serverUrl[ApiEnv?.env || 'production'],
  errorConfig: {
    errorThrower: (res: any) => {
      console.log('拦截错误>>>', res);
    },
    errorHandler: (error: any, opts: any) => {
      if (opts?.skipErrorHandler) throw error;
      console.log('处理错误>>>', { error, opts });
      const { response } = error;
      if (response && !response.data) {
        setLocalStorage(storageKey.userInfo, '');
        setLocalStorage(storageKey.token, '');
        history.push(loginPath);
      }
    },
  },
  // @ts-ignore
  requestInterceptors: [requestHandler],
  // @ts-ignore
  responseInterceptors: [
    responseHandler,
    (error: any) => {
      console.log('response error', error);
      return Promise.reject(error);
    },
  ],
};

发现如下几个问题:

• 非200请求进不到响应拦截器responseInterceptors, 也进不到responseInterceptors的错误处理; 正常的200请求,responseInterceptors中的错误处理也能接收到, 如果按官方示例, 此时的正常请求也无法处理, 因为在错误处理中返回了reject
• errorConfig中的errorHandler拿不到httpstatus. 非200会直接进入errorHandler, 但是此时的响应体内status始终是0, 如下图:

Mini Showcase Repository(REQUIRED)

• 新建ant design pro项目: npx @ant-design/pro-cli create myapp, 选择umi4模板;
• app.ts添加运行时配置如下:

export const request: RequestConfig = {
  timeout: 8000,
  // 不起作用, 在requestInterceptors中依据环境修改url可以达到同等效果
  // prefix: serverUrl[ApiEnv?.env || 'production'],
  errorConfig: {
    errorThrower: (res: any) => {
      console.log('拦截错误>>>', res);
    },
    errorHandler: (error: any, opts: any) => {
      if (opts?.skipErrorHandler) throw error;
      console.log('处理错误>>>', { error, opts });
    },
  },
  requestInterceptors: [(url: string, options: any)=>{
console.log("拦截请求>>", {url, options})
return {url, options}
}],
  responseInterceptors: [
    (response: any) => {
console.log("拦截响应>>", response);
return response
},
    (error: any) => {
      console.log('response error', error);
      return Promise.reject(error);
    },
  ],
};

• 发起非200响应的请求, 如401等

Context

• Umi Version: 4.0.9
• Node Version: 16.16.0
• Platform: windows 11

[fz6m]

umi 4 里的 request 这个功能本质是用了 axios ，axios 默认的行为就是非 200 的响应会认为是错误响应，就抛错进入 error handler 了，如果是有意的非 200 响应，需要配置 validateStatus ，详见 axios 官方文档：

  request('/test', {
    validateStatus: () => true,
  });