req.body是使用express的简单HTML格式的空对象

问题描述 投票:0回答:1

提交HTML表单时,我得到一个req.body,但它始终是一个空对象。我正在邮递员中进行测试,还从浏览器中的本地主机提交表单。

我已经阅读并尝试了所有(许多)建议的解决方案,但是都没有用。如果有人可以提供帮助,将不胜感激。

非常感谢!

// 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 bodyParser = require("body-parser");
const app = express();

app.use(express.urlencoded({ extended: false }));
// app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());

// 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 };
javascript html node.js express
1个回答
1
投票

bodyParser不再被节点js使用

您仅应使用app.use(express.json());,然后在其下,仅编写此代码一次

app.use(express.urlencoded({ extended: false }));

我希望这对您有用

© www.soinside.com 2019 - 2024. All rights reserved.