当我提交 HTML 表单时，我收到了一个 req.body，但它始终是一个空对象。我正在 postman 中进行测试，并从浏览器中的本地主机提交表单。
当我将其登录到 Node 控制台时，它显示[Object: null prototype]
我已经阅读并尝试了所有(许多)针对类似问题提出的解决方案，但似乎没有一个适用。
非常感谢!
// homepage.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
<link rel="stylesheet" href="homepage.css" />
</head>
<body>
<h1 class="greeting">Sign Up // Sign In</h1>
<div>
<form
action="http://localhost:3000/auth/signup"
method="POST"
class="inbox"
id="sign-up-form-id"
enctype="text/html"
>
<label for="sign-up-name-id">Sign Up: Name</label>
<br />
<input
class="name"
id="sign-up-name-id"
name="signUpNameName"
type="text"
placeholder="your name here"
required
/>
<br />
<label for="sign-up-password-id">Password</label>
<br />
<input
class="password"
id="sign-up-password-id"
name="signUpPasswordName"
type="password"
placeholder="create a password"
required
/>
<br />
<input class="btn" id="sign-up-btn" name="sign-up-btn" type="submit" />
</form>
</div>
<script src="homepage.js"></script>
</body>
</html>
// app.js
const createError = require("http-errors");
const express = require("express");
const path = require("path");
const cookieParser = require("cookie-parser");
const logger = require("morgan");
const sassMiddleware = require("node-sass-middleware");
const authRouter = require("./routes/auth");
const indexRouter = require("./routes/index");
// import other routers here like:
// const postsRouter = require('./routes/posts');
const app = express();
// view engine setup
app.set("views", path.join(__dirname, "views"));
app.set("view engine", "pug");
app.use(logger("dev"));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(
sassMiddleware({
src: path.join(__dirname, "public"),
dest: path.join(__dirname, "public"),
indentedSyntax: false, // true = .sass and false = .scss
sourceMap: true
})
);
app.use(express.static(path.join(__dirname, "public")));
app.use("/", indexRouter);
app.use("/auth", authRouter);
// add more routers here:
// app.use('/posts', postsRouter);
// catch 404 and forward to error handler
app.use((req, res, next) => {
next(createError(404));
});
// error handler
app.use((err, req, res, next) => {
// set locals, only providing error in development
res.locals.message = err.message;
res.locals.error = req.app.get("env") === "development" ? err : {};
// render the error page
res.status(err.status || 500);
res.render("error");
});
module.exports = app;
routes/auth.js
const express = require("express");
const { createUser } = require("../controllers/auth-controller");
const router = express.Router();
router.post("/signup", createUser);
module.exports = router;
controllers/auth-controller.js
const User = require("../models/User");
// const seeIt = (req, res) => {
// // const form = JSON.parse(JSON.stringify(req.body));
// console.log(req.body);
// };
const createUser = (req, res) => {
if (req.body) {
console.log("here: ", req.body);
}
User.create(req.body, err => {
if (err) res.status(500).json({ flash: err.message });
else res.status(200).json({ flash: "User created!" });
});
};
module.exports = { createUser };
最佳答案
node js 不再使用 bodyParser
你应该只使用app.use(express.json());，它会为你处理所有的bodyParser工作，在这下面，只写这段代码一次
app.use(express.urlencoded({ extended: false }));
我注意到你在上面一行写了两次，请只写一次
我希望这对你有用
关于javascript - req.body 是使用 Express 的简单 HTML 表单的空对象，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59994793/