req.body - пустой объект из простой формы HTML с использованием express - PullRequest
0 голосов
/ 31 января 2020

Я получаю req.body обратно при отправке формы HTML, но это всегда пустой объект. Я тестирую почтальон, а также отправляю форму с локального хоста в браузере.

Когда я регистрирую его в консоли узла, он говорит [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 };

Ответы [ 2 ]

3 голосов
/ 31 января 2020

bodyParser больше не использует node js

, вы должны использовать ТОЛЬКО app.use(express.json());, он позаботится обо всей работе bodyParser для вас, и ниже этого, напишите этот фрагмент кода ТОЛЬКО ОДИН РАЗ

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

я заметил, что вы пишете выше строки дважды, пожалуйста, напишите, что только один раз

я надеюсь, что это будет работать для вас

1 голос
/ 31 января 2020

? Единственная причина, по которой вы получаете что-то подобное: [Object: null prototype] это потому что {extended: false};

?‍? Теперь вы пытаетесь изменить свой extended до true. Например, вы можете посмотреть на этот код ниже:

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

Я пробовал этот код выше, и он отлично работает

Я надеюсь, что это может помочь ты ?.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...