时间戳

首页 > 解决方案 > Req.body 在 express 中的路由器内部未定义

node.js - Req.body 在 express 中的路由器内部未定义

问题描述

我有一个小型快递应用程序，它由服务器、一些视图和一个路由器组成。这是我的 server.js：

const express = require('express');
const helmet = require('helmet');
const app = express();
app.use(helmet.contentSecurityPolicy({ directives: { defaultSrc: ["'self'"], scriptSrc: ["'self'", 'maxcdn.bootstrapcdn.com', 'ajax.googleapis.com'], styleSrc: ["'self'", 'maxcdn.bootstrapcdn.com'], imgSrc: ["'self'", 'image.tmdb.org'] } }));
const path = require('path');
const bp = require('body-parser');
const routes = require('./routes/index');

app.set('view engine', 'ejs');
app.set('views', path.join(__dirname, 'views'));
app.set(express.json());
app.set(bp.urlencoded({extended: false}));
app.set(bp.json())
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', routes);

app.listen(3000, () => {
    console.log('Servidor online');
})

这是我的 router.js：

const express = require('express');
const request = require('request');
const router = express.Router();


router.post('/search', (req, res, next) => {
    console.log(req.body);
    res.send('sanity check');       
});

module.exports = router;

这是视图（它是导航栏中的一个表单）：

<nav class="navbar navbar-default">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="/">The New IMDB</a>
        </div>
        <ul class="nav navbar-nav">
            <li><a href="/login">Login</a></li>
            <li><a href="/favorites">Favorites</a></li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
            <li>
                <form action="/search?source=hp" method="POST" id="search-form" class="form-inline">

                    <div class="form-group">
                        <select name="categ" class="form-control" id="cat">
                            <option value="movie">Movie Title</option>
                            <option value="person">Actor</option>
                        </select>
                    </div>

                    <input type="text" id="movie" placeholder="Search" name="movieSearchq" />


                    <input type="submit" class="btn btn-primary" />
                </form>
            </li>
        </ul>
    </div>
</nav>

我搜索了以前的问题，发现 bodyParser 不再随 express 一起提供，所以我已经安装了它，但它仍然没有在 req 中创建 body 对象。我在这里错过了什么吗？

标签： node.jsexpress

解决方案

body-parser自从您使用以来，您错误地设置了解析表单数据app.set（仅使用它来设置应用快速设置）。

相反，您需要使用以下方式设置中间件app.use：

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

推荐阅读