Axios调用'/user/signup'接口返回500内部服务器错误求助

核心问题定位与修复步骤 #

1. 修正前端参数传递与解构错误

你的createAsyncThunk回调中尝试解构{ formData, navigate }，但dispatch时传递的是两个独立参数，导致formData被错误解析为undefined，最终传给后端的请求体为空，触发500错误。

修改前端auth.js的handleSubmit函数：

const handleSubmit = (e) => {
    e.preventDefault()
    if (isSignup){
        // 传递包含formData和navigate的对象，而非独立参数
        dispatch(signupauth({ formData, navigate }))
        console.log("user in the sign up received form data",formData)
    } else {
        // 同步修正登录的dispatch参数
        dispatch(signinauth({ formData, navigate }))
    }
    console.log(formData)
}

2. 修复Redux Slice的嵌套reducers错误

你的authSlice1定义中多了一层嵌套的reducers，导致动作无法正确注册，后续状态更新会失效：

const authSlice1 = createSlice({
    name: 'auth1',
    initialState,
    // 移除多余的reducers嵌套层级
    reducers: {
        signin: (state, action) => {
            state.authData = action.payload;
            localStorage.setItem('authToken', JSON.stringify(action.payload));
        },
        signup: (state, action) => {
            state.authData = action.payload;
            localStorage.setItem('authToken', JSON.stringify(action.payload));
        },
    }
})

3. 排查后端依赖与模型缺失

后端500错误常因依赖未导入或模型缺失导致：

• 补全服务器配置文件的依赖导入：

import mongoose from 'mongoose';
import dotenv from 'dotenv';
import bodyParser from 'body-parser';
import cors from 'cors';

• 确保用户控制器导入User模型：

// 在controllers/users.js顶部添加
import User from '../models/User.js'; // 路径根据你的项目结构调整

如果没有User模型，需创建models/User.js文件：

import mongoose from 'mongoose';

const userSchema = mongoose.Schema({
    name: { type: String, required: true },
    email: { type: String, required: true, unique: true },
    password: { type: String, required: true },
});

export default mongoose.model('User', userSchema);

4. 验证请求是否抵达后端并输出详细错误

在后端signup控制器顶部添加日志，确认请求是否到达，同时优化错误输出：

export const signup = async (req, res) => {
    // 添加日志确认请求抵达
    console.log("Signup request received:", req.body);
    const { firstName, lastName, email, password, confirmpassword } = req.body;
    try {
        // ... 原有业务逻辑
    } catch (error) {
        // 输出完整错误信息便于定位
        console.error("Signup error details:", error);
        res.status(500).json({ message: "Internal Server Error", error: error.message });
    }
};

5. 检查基础配置正确性

• 确认后端服务运行在5000端口，与Axios的baseURL匹配
• 确认app.use('/user', userRoutes)路由挂载正确，保证/user/signup路径可访问
• 确认CORS配置app.use(cors())生效，避免跨域拦截请求

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