提交HTML表单时Body为空，Node.js认证表单无法获取输入数据

嘿，我看你遇到了表单数据拿不到的问题，咱们来快速搞定它～

问题根源 #

你当前的代码里只配置了bodyParser.json()，这个中间件只会解析JSON格式的请求体。但HTML表单默认提交的是application/x-www-form-urlencoded格式的数据，所以你的服务器根本没解析这部分内容，自然拿不到表单输入的值。

解决方案 #

你需要添加针对urlencoded格式的解析中间件，这里分两种常用情况：

情况1：继续使用单独的body-parser包（匹配你当前的依赖）

在app.use(bodyParser.json());后面加上这行代码：

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

extended: true允许解析复杂的嵌套对象，适合大多数业务场景。

情况2：使用Express内置解析器（推荐，Express 4.16+支持）

从Express 4.16版本开始，官方已经把body-parser的核心功能内置到框架里了，你甚至可以不用单独安装body-parser包，直接替换成：

// 替换原来的bodyParser相关代码
app.use(express.json());
app.use(express.urlencoded({ extended: true }));

修正后的完整代码示例 #

var express = require('express');
var cookieParser = require('cookie-parser');
// 如果用内置解析器，可以删掉这行require
// var bodyParser= require ('body-parser');
var user = require('./routes/user');
var login = require('./routes/login');
var jwt = require('jsonwebtoken');

var app = express();

// 推荐使用内置解析器的写法
app.use(express.json());
app.use(express.urlencoded({ extended: true }));
// 如果你想保留body-parser，就用下面两行
// app.use(bodyParser.json());
// app.use(bodyParser.urlencoded({ extended: true }));

app.use(cookieParser());

app.get('/userprofile', user);
// 注意登录路由建议用POST方法
app.post('/login', login);

// 记得启动服务器
app.listen(3000, () => {
  console.log('Server running on port 3000');
});

额外注意事项 #

• 确保你的表单使用POST方法提交：<form method="POST" action="/login">，GET请求的参数会放在URL的query里，不会进入请求体。
• 表单里的输入框必须设置name属性，比如<input type="text" name="username">，否则解析后无法通过req.body.username获取到对应值。

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