无法发送前端表单值到后端api在react, expressjs应用程序?

Question

我无法保存来自react表单的数据，但在后端我只能保存猫鼬自动生成的ID。这个API没有在数据库中保存电子邮件和密码。当我做控制台登录服务器时，它显示空对象。请求体给出空对象。
My express api route:

app.post ('/contact', (req, res) => {
const { email,password } = req.body;
const contact = new Contact({
email,
password, 
});
console.log(req.body);
contact.save();
res.send(contact); 
} )

在前端，在浏览器开发控制台我可以得到数据

Answer 1

对于post数据，您将需要body-parser

var express = require('express')
var bodyParser = require('body-parser')
var app = express()
// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }))
// parse application/json
app.use(bodyParser.json())

更多细节请点击http://expressjs.com/en/resources/middleware/body-parser.html