前台form输入了用户名和密码,但是点击提交以后,后端并未获取到数据,打出来的log内容req.body为空{},这是为什么呢?我用postman直接调用接口是可以正常输出数据的,form为什么提交空的数据?
login.html
<!DOCTYPE html>
<html>
<body>
<form action="/post/register" method="POST">
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">
</form>
<p>如果您点击提交,表单数据会被发送到名为 demo_form.asp 的页面。</p>
</body>
</html>
路由post.js
//一个真实的express项目一般会有多组API,分布在子路由中处理,这里以文章为例创建一个/post子路由
const express = require("express");
//创建router实例用于处理子路由
const route = express.Router();
const userCtrl = require('../public/src/user')
//get请求中返回示例数据
route.post('/register',userCtrl.register);
route.get('/login',userCtrl.showlogin);
userCtrl.js
exports.showlogin = async(req,res) => {
try{
res.render('login')
}catch(err){
next(err)
}
};
exports.register = async(req,res) => {
try{
console.log('body:',req.body);
if(!req.body.username){
return res.send('用户名不能为空')
}
res.send('验证通过');
}catch(err){
next(err)
}
};
输出结果
PS D:\FUXI-Link微信小程序\FUXI-Link\express-hello-world> node app.js
(node:20908) Warning: Accessing non-existent property 'get' of module exports inside circular dependency
(Use `node --trace-warnings ...` to show where the warning was created)
Express server listening at http://localhost:3001
body: {}