Redux Toolkit报错时extraReducers仍执行fulfilled分支问题

核心错误出在createAsyncThunk的异步回调逻辑中：
thunkAPI.rejectWithValue()本身是一个返回特殊rejected action的普通函数，你在catch块中只调用了该方法，但没有将它的返回值return出去。此时catch块吞掉了请求抛出的错误，异步函数默认返回undefined，Redux Toolkit会判定异步任务执行成功，因此始终触发fulfilled分支的处理逻辑，不会进入rejected分支。

• 修正login thunk的错误处理逻辑，在catch块中显式返回rejectWithValue的执行结果
• （可选优化）提取错误中的有效提示信息，避免直接传递整个axios错误对象导致的序列化、循环引用问题

修复后的login thunk代码如下：

export const login = createAsyncThunk("auth/login", async (user, thunkAPI) => {
  try {
    const loginRes = await authService.login(user);
    return loginRes;
  } catch (error) {
    // 必须return，否则rejectWithValue不会生效
    return thunkAPI.rejectWithValue(
      error.response?.data?.message || error.message || "登录请求失败"
    );
  }
});

补充说明：你当前的authService.login逻辑不需要额外修改，axios默认收到4xx、5xx状态码时会自动抛出异常，能正常进入catch块。如果需要统一错误处理，也可以在authService层提前格式化错误信息后再抛出。

修改完成后，接口返回401、500等错误状态时，就会按预期触发rejected分支的状态更新逻辑。

内容的提问来源于stack exchange，提问作者Ebrahim Khalil Amid