提交时 PugJS 表单 POST 带有空的正文数据 {}答案

【问题标题】：PugJS form POST with empty body data {} when submitting提交时 PugJS 表单 POST 带有空的正文数据 {}
【发布时间】：2021-10-15 11:12:09
【问题描述】：

我有一个带有简单登录表单的 Pug 文件：

form(name='signup' action='/auth/signup' method='post')
.form-floating.mb-3
    input#emailInput.form-control(type='email' placeholder='name@example.com')
    label(for='emailInput') Email address 
.form-floating.mb-3
    input#passwordInput.form-control(type='password' placeholder='Password')
    label(for='passowordInput') Password
input#btnSignin.btn.btn-secondary(type='submit' value='Sign In')

这是我的路由器文件：

const express = require('express');

const authRouter = express.Router();

authRouter.route('/signup').post((req,res)=>{
    res.json(req.body);
});

module.exports = authRouter;

在 app.js 中我也设置了这两个：

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

但是，当我提交表单时，我得到了空括号 {}，就好像输入中没有任何内容一样。非常感谢任何帮助，谢谢！

【问题讨论】：

标签： html forms post pug

【解决方案1】：

原来我忘了在输入中设置名称。它现在正在工作：

form(name='signup' action='/auth/signup' method='post')
.form-floating.mb-3
    input.form-control(name='email' type='email' placeholder='name@example.com')
    label(for='emailInput') Email address 
.form-floating.mb-3
    input.form-control(name='password' type='password' placeholder='Password')
    label(for='passowordInput') Password
input#btnSignin.btn.btn-secondary(type='submit' value='Sign In')

【讨论】：