Axios遇422错误仍返回已解决Promise，无响应结果求助

核心问题分析 #

你遇到的情况是因为Axios对非2xx状态码的默认处理逻辑，以及可能的错误处理缺失导致的：Axios默认会将4xx/5xx这类错误状态码的请求标记为rejected状态的Promise，而非resolved。你看到的undefined和误判的Promise状态，大概率是错误处理逻辑不到位导致的。

具体排查点与解决步骤 #

1. 补全错误处理逻辑

你当前的代码只处理了请求成功的情况，但422属于客户端错误，Axios会触发Promise的reject分支。如果没有捕获这个错误，直接打印res就会得到undefined，且容易误判Promise状态。

修改调用login的代码，添加错误捕获：

// 用.then/.catch处理
login(wrongParams)
  .then(res => {
    console.log('成功响应:', res);
  })
  .catch(err => {
    // 422的响应信息在这里
    console.log('错误状态码:', err.response.status);
    console.log('错误响应体:', err.response.data);
  });

// 或者用async/await + try/catch
async function testLogin() {
  try {
    const res = await login(wrongParams);
    console.log('成功响应:', res);
  } catch (err) {
    console.log('错误详情:', err.response);
  }
}

2. 检查validateStatus配置是否被修改

如果你的axiosLoggedOut实例或全局Axios被修改了validateStatus函数，可能会让422被判定为“成功”状态，导致Promiseresolve但响应体为空。检查是否有类似代码：

// 这种配置会让所有>=200的状态码都视为成功
axiosLoggedOut.defaults.validateStatus = function (status) {
  return status >= 200;
};

如果有，删掉或修改为默认逻辑：

axiosLoggedOut.defaults.validateStatus = function (status) {
  return status >= 200 && status < 300;
};

3. 确认Axios版本是否变更

虽然你没改业务代码，但如果package.json中Axios的版本范围是宽松的（比如^1.0.0），依赖可能自动更新。不同版本的Axios对错误响应的处理可能有差异，执行npm list axios查看当前版本，对比之前正常运行时的版本，必要时回退版本测试。

4. 验证服务器响应内容

打开浏览器Network面板，查看422请求的Response内容：

• 如果服务器返回的响应体为空，那么err.response.data会是undefined，但err.response本身应该包含status、headers等信息；
• 如果服务器没有返回任何响应，可能是服务器端的问题，需要后端排查。

内容的提问来源于stack exchange，提问作者smritz