Node.js Express控制器获取购物车商品ID为null问题排查

核心错误原因 #

你遇到的问题由两个基础配置/逻辑错误导致：

• 参数获取位置完全错误：你的表单是POST提交，商品ID存放在隐藏表单域中，属于请求体参数；但你代码里从req.params取值，而你的路由配置router.post("/cart", shopController.postCart)根本没有定义:id路径占位符，所以req.params.id永远是undefined。
• 随机生成的ID导致查库为空：你后续用ObjectId(prodId)包装undefined值时，Mongoose会直接生成一个全新的随机ObjectId，也就是你控制台打印的62c9a1ca3b17ea86134d12fc，这个ID和数据库里真实存在的商品ID完全无关，查库返回null是必然结果。

分步修复操作 #

• 配置表单请求体解析中间件
  确保在路由注册前，添加Express内置的urlencoded解析中间件，否则无法读取POST表单提交的参数：

  const express = require('express');
  const app = express();
  
  // 解析application/x-www-form-urlencoded格式的表单请求
  app.use(express.urlencoded({ extended: true }));
  
  // 注意：路由注册必须放在中间件配置之后
  // app.use('/', shopRouter);
  

  如果你使用的是4.16.0之前的旧版Express，没有内置urlencoded方法，需要先安装body-parser依赖，替换为app.use(require('body-parser').urlencoded({ extended: true }))即可。

• 修正控制器参数获取逻辑
  把取值来源从req.params改为req.body，不需要手动用ObjectId包装ID，Mongoose的findById方法会自动处理合法的ID字符串，同时补充空值判断和错误捕获：

  exports.postCart = (req, res, next) => {
    // 从请求体中取表单提交的id参数
    const prodId = req.body.id;
    console.log("前端传入的商品ID: " + prodId);
    
    Product.findById(prodId)
      .then((product) => {
        if (!product) {
          return res.status(404).send('当前商品不存在');
        }
        console.log("查询到的商品信息: ", product);
        return req.user.addToCart(product);
      })
      .then(() => {
        // 业务逻辑执行完成后返回响应，示例为重定向到购物车页
        res.redirect('/cart');
      })
      .catch(err => {
        console.error('加入购物车失败: ', err);
        next(err);
      })
  }
  

验证说明 #

修复后重启服务，点击加入购物车按钮时，控制台打印的商品ID会和你数据库中存储的商品ID一致，findById可以正常查询到对应商品数据，不会再返回null。

内容的提问来源于stack exchange，提问作者Aimen SAYOUD