Redux Toolkit调用axios发注册POST请求成功但返回值undefined如何解决

1. 核心原因是Login.service.js中的register异步方法没有返回axios请求的结果：代码中仅执行了await API.post(...)但没有添加return语句，异步方法默认返回undefined，因此调用后解构data自然无法获取到有效值。
2. 辅助问题：userRegister异步thunk的catch块为空，即便请求抛出异常也不会捕获返回错误信息，会增加后续排查难度。

1. 修复LoginService的register方法返回值 #

修改Login.service.js中的register方法，添加return返回axios的响应结果：

import axios from "axios";

const API = axios.create({ baseURL: 'http://localhost:3001'});

const LoginService = {
    register: async (registerData ) => {
         // 新增return返回请求结果
         return await API.post('/users/register', registerData)
    } 
};

export default LoginService;

2. 补充thunk的异常处理逻辑 #

完善userSlice中异步thunk的异常捕获，避免错误信息丢失：

export const userRegister = createAsyncThunk(
  "users/register",
  async (params, { rejectWithValue }) => {
    try {
      const { registerForm } = params;
      const { data } = await LoginService.register(registerForm);
      return data;
    } catch (error) {
      // 返回错误信息供后续状态处理
      return rejectWithValue(error.response?.data || error.message)
    }
  }
);

如果修复后仍存在问题，可按以下顺序排查：

• 打印await LoginService.register(registerForm)的完整返回值，确认是否包含axios标准响应结构的data、status等属性
• 检查后端接口返回的状态码是否为2xx范围，axios默认仅2xx状态码会走成功回调，非2xx状态码会直接抛出异常进入catch块
• 检查跨域配置，部分错误的CORS配置会出现数据成功写入数据库、但前端无法拿到响应体的情况

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