获取 TypeError：在发布表单时无法读取未定义的属性“名称”-node.js

Question

我正在构建一个节点 Js 项目，并将表单的值保存到 mongoDB 数据库。 尽管尝试了我找不到导致此错误的原因。 错误出现在第 3 行的 router.post 函数处。

请通过您在编码和调试方面的神奇力量指导我完成此任务。 :D

const express = require('express');
const router = express.Router();
const Employee = require('../models/employee');

router.get('/',(req, res) => {
    res.render('index');
});

router.get('/employee/new', (req, res) => {
    res.render('new');
});


router.post('/employee/new', (req, res) => {
    let newEmployee = {
        name : req.body.name,
        designation : req.body.designation,
        salary : req.body.salary
    }
    Employee.create(newEmployee).then(employee => {
        res.redirect('/');
    }).catch(err => {
        console.log(err);
    });
});

module.exports = router;

你可以清楚地看到我已经定义了newEmployee对象，那么为什么'name'是undefined的属性。

<div class="container mt-5 w-50">
       <h2 class="mb-4">Add New Employee</h2>
       <form action="/employee/new" method="POST">
           <input type="text" name="name" class="form-control" placeholder="Employee Name">
           <input type="text" name="designation" class="form-control" placeholder="Employee Designation">
           <input type="text" name="salary" class="form-control" placeholder="Employee Salary">
           <button type="submit" class="btn btn-danger btn-block mt-3">Add to Database</button>
       </form>
</div>

Answer 1

您似乎没有使用正文解析器。没有一个，req.body 将永远是未定义的，这看起来像你的问题。在定义任何路线之前尝试放置它。

const bodyParser = require('body-parser');
app.use(bodyParser.json()); // for parsing application/json
app.use(bodyParser.urlencoded({ extended: true })); // for parsing application/x-www-form-urlencoded

编辑：另外，请确保在路由器之前使用正文解析器中间件。

const employeeRoutes = require('./routes/employees');

app.use(bodyParser.json()); // for parsing application/json
app.use(bodyParser.urlencoded({ extended: true })); // for parsing application/x-www-form-urlencoded

// This needs to come AFTER the app.use calls for the body parser
app.use(employeeRoutes);

Docs