Node.js后端获取数据时userId显示undefined的问题求助

核心问题 #

1. GET请求不支持通过请求体传参：你用axios.get直接传递data，但GET请求不会将数据放入请求体，后端从req.body自然拿不到userId，所以打印显示undefined。
2. 参数传递与接收不匹配：尝试用params传递时，大概率是前端传参格式或后端接收方式出错。

解决方案一：Query参数传递（推荐） #

前端代码修改 #

将参数放到axios.get的params配置项中：

useEffect(() => {
    const fetchDetails = async () => {
        try {
            // 先确认item.userId有值，避免前端本身参数为空
            console.log('前端userId:', item.userId);
            const res = await axios.get('http://localhost:5000/user/getNameAvatar', {
                params: { userId: item.userId }
            });
            console.log(res);
        } catch (error) {
            console.log(error);
        }
    };
    fetchDetails();
}, [item.userId]); // 添加依赖项，确保item.userId更新时重新请求

后端代码修改 #

从req.query中获取参数：

export const getUserNameAvatar = async(req,res) => {
    try {
        const { userId } = req.query; // 改为从req.query取参数
        console.log('后端接收的userId:', userId);
        
        // 先校验参数是否存在
        if (!userId) {
            return res.status(400).json({message: 'userId参数缺失'});
        }
        
        const user = await User.findById(userId);
        // 校验用户是否存在
        if (!user) {
            return res.status(404).json({message: '用户不存在'});
        }
        
        return res.status(200).json({userName:user.userName,avatarUrl:user.avatarUrl});
    } catch (error) {
        console.error('查询出错:', error);
        return res.status(500).json({message: '服务器内部错误'});
    }
};

解决方案二：URL路径参数传递 #

前端代码修改 #

将userId直接拼接到请求URL路径中：

useEffect(() => {
    const fetchDetails = async () => {
        try {
            console.log('前端userId:', item.userId);
            const res = await axios.get(`http://localhost:5000/user/getNameAvatar/${item.userId}`);
            console.log(res);
        } catch (error) {
            console.log(error);
        }
    };
    fetchDetails();
}, [item.userId]);

后端配置与代码修改 #

首先确保路由定义包含路径参数（以Express框架为例）：

// 路由示例
router.get('/user/getNameAvatar/:userId', getUserNameAvatar);

然后从req.params中获取参数：

export const getUserNameAvatar = async(req,res) => {
    try {
        const { userId } = req.params; // 从req.params取路径参数
        console.log('后端接收的userId:', userId);
        
        if (!userId) {
            return res.status(400).json({message: 'userId参数缺失'});
        }
        
        const user = await User.findById(userId);
        if (!user) {
            return res.status(404).json({message: '用户不存在'});
        }
        
        return res.status(200).json({userName:user.userName,avatarUrl:user.avatarUrl});
    } catch (error) {
        console.error('查询出错:', error);
        return res.status(500).json({message: '服务器内部错误'});
    }
};

额外检查项 #

• 先确认前端item.userId本身不为undefined，可以在useEffect里先打印该值。
• 如果前后端跨域，后端需要配置CORS（比如使用cors中间件）。
• 数据库查询前做好参数校验，避免无效ID导致的报错。

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