后端返回409状态码，Axios却触发成功回调而非错误回调的问题

这问题确实有点让人困惑——同样是409状态码，不同服务器返回的结果居然触发不同的axios回调，我来帮你拆解下原因。

首先得明确axios的默认逻辑：只有当响应状态码不在2xx范围内时，才会触发then的第二个错误回调（或者catch）。你自己搭的Express服务器能正常触发onError，说明默认逻辑是生效的；那另一台服务器的情况，大概率是axios的状态码校验规则被修改了。

核心原因：validateStatus配置被篡改 #

axios允许通过validateStatus选项自定义哪些状态码算“成功请求”，默认的校验逻辑是这样的：

validateStatus: function (status) {
  return status >= 200 && status < 300; // 只有2xx状态码才视为成功
}

如果你的项目里全局配置了这个选项，或者在单个请求里覆盖了它，导致409被判定为“成功”，就会直接进入onSuccess回调。举个例子：

// 全局配置示例：把所有小于500的状态码都视为成功
axios.defaults.validateStatus = (status) => status < 500;

这种情况下，409属于4xx范围，自然会被axios当成成功请求处理，触发onSuccess而不是onError。

排查和解决步骤 #

1. 检查全局axios配置 #

先在项目里搜搜有没有类似axios.defaults.validateStatus的代码，看看是不是有人修改了默认的状态码校验规则。

2. 检查单个请求的配置 #

确认你的axios.get('/getsome')有没有传入第二个配置参数，里面是不是自定义了validateStatus：

axios.get('/getsome', {
  validateStatus: (status) => {
    // 看看这里的逻辑是不是把409包含进去了
    return status >= 200 && status < 300;
  }
}).then(...)

3. 强制指定校验规则（快速解决） #

如果想确保409一定触发错误回调，可以在请求里显式设置validateStatus，直接覆盖全局配置：

axios.get('/getsome', {
  validateStatus: (status) => status >= 200 && status < 300 // 用默认规则
}).then((response) => {
  onSuccess(response.data); // 注意：这里的参数是response对象，要取data得用response.data
}, (error) => {
  onError(error);
});

这里提一句：你之前的代码里then((data) => onSuccess(data))其实是把整个response对象传给了onSuccess，正确的响应体应该是response.data，这个小细节也可以调整下。

4. 验证响应的真实状态 #

虽然Chrome开发者工具显示状态码是409，但可以在onSuccess里打印整个response对象，确认response.status是不是真的409：

.then((response) => {
  console.log('响应状态码:', response.status);
  onSuccess(response.data);
}, ...)

如果这里打印的是409，那100%是validateStatus的问题；如果是2xx，那说明中间可能有代理或者服务器偷偷修改了状态码（虽然浏览器工具显示409，但可能是缓存或者代理层的问题）。

总结 #

大概率是validateStatus配置被修改，导致axios把409当成了成功请求。按照上面的步骤排查配置，强制使用默认的状态码校验逻辑，就能解决两台服务器回调不一致的问题了。

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