我生成了两个项目,一个使用 create-react-app,另一个使用 Express 生成器。
我运行第一个localhost:3000
第二个是localhost:3001
.
我正在尝试发送 POST 请求,但收到一个空的请求req.body
.
客户端:
handleSubmit(event) {
event.preventDefault();
var data = new FormData();
for (const key of Object.keys(this.state)) {
data.append(key, this.state[key]);
}
const url = "http://localhost:3000/course";
fetch(url, {
method: "POST",
body: this.state
})
.then(response => response.text())
.then(html => console.log(html));
}
服务器端:
app.js
app.use(logger("dev"));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, "public")));
app.use(function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header(
"Access-Control-Allow-Headers",
"Origin, X-Requested-With, Content-Type, Accept"
);
next();
});
app.use("/course", course);
router/course.js
router.post("/", function(req, res) {
if (!req.body) {
var course = new Course(req.body);
course
.save()
.then(item => {
res.json({ course: item });
})
.catch(err => {
res.status(500).send("Unable to save to database");
});
}
res.status(200).send("No data to save");
});