Express中POST表单数据无法获取，req.body返回空对象求助

以下是针对你遇到的req.body为空、req.body.password返回undefined问题的排查步骤：

• 确认已配置表单解析中间件
  Express框架默认不解析请求体，必须手动添加对应中间件。如果是普通表单提交（application/x-www-form-urlencoded类型），在index.js中添加：

  app.use(express.urlencoded({ extended: true }));
  

  若涉及JSON格式请求，额外添加：

  app.use(express.json());
  

  注意：中间件必须注册在路由之前，否则路由无法获取解析后的请求体。

• 检查表单的method与enctype属性

  • 表单必须使用POST方法，GET请求的参数会被放在req.query中，而非req.body；
  • 若未涉及文件上传，不要设置enctype="multipart/form-data"，该类型需要multer等专用中间件解析，否则req.body会为空。示例正确表单结构：

    <form method="POST" action="/your-auth-path">
      <!-- 表单输入项 -->
    </form>
    

• 验证表单字段的name属性
  确保密码输入框存在正确的name属性，浏览器只会提交带name的字段：

  <input type="password" name="password" id="password">
  

  缺失name属性会导致该字段不被提交，自然无法在req.body中获取。

• 检查路由的请求方法匹配
  确认你的认证路由使用app.post()而非app.get()，例如：

  app.post('/login', homeController.login);
  

  若误用GET方法，参数只会出现在req.query中，req.body保持为空。

• 核对中间件加载顺序
  所有请求体解析中间件必须在路由注册前加载，正确顺序示例：

  // 先加载解析中间件
  app.use(express.urlencoded({ extended: true }));
  // 再注册路由
  app.use('/', require('./routes/home'));
  

内容的提问来源于stack exchange，提问作者Nicolas CARDONA