Node.js（使用express和bodyParser）：无法从post请求中获取表单数据-解网

问：

我似乎无法恢复发送到我的 Node.js 服务器的发布请求的表单数据。我在下面放了服务器代码和发布请求（在 chrome 中使用邮递员发送）：

发布请求

POST /api/login HTTP/1.1
Host: localhost:8080
Cache-Control: no-cache

----WebKitFormBoundaryE19zNvXGzXaLvS5C
Content-Disposition: form-data; name="userName"

jem
----WebKitFormBoundaryE19zNvXGzXaLvS5C

NodeJS 服务器代码

var express    = require('express');        // call express
var app        = express();                 // define our app using express
var bodyParser = require('body-parser');

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

app.all('/*', function(req, res, next) {
    res.header('Access-Control-Allow-Origin', '*');
    res.header('Access-Control-Allow-Headers', 'Content-Type,accept,access_token,X-Requested-With');
    next();
});

var port = process.env.PORT || 8080;        // set our port

var router = express.Router();              // get an instance of the express Router

router.get('/', function(req, res) {

    res.json({ message: 'I am groot!' });   
});

// Login
router.route('/login')

    .post(function(req, res){

        console.log('Auth request recieved');

        // Get the user name
        var user = req.body.userName;

        var aToken = getToken(user);

        res.json({

            'token':'a_token'
        });
    });

app.use('/api', router);

app.listen(port);

谢谢你的帮助。

节点.js Express 发布多部分表单数据正文解析器

3赞 Jonathan Lonowski 10/14/2014

问题是请求的正文是多部分消息，并且模块不支持解析该格式的数据。自述文件中的第 2 段提供了您可以使用的其他模块的建议。body-parser

2赞 Jonathan Lonowski 10/14/2014

或者，如果请求中的数据不需要，则可以将其作为 x-www-form-urlencoded 发送。这是解析的格式。POSTmultipartbodyParser.urlencoded()

0赞 Jem 10/14/2014

确实，感谢您的指出。我对HTTP的了解有限，所以不知道form-urlencoded。这样，我的 node.js 可以正确处理来自小角度前端的发布请求。感谢您的帮助！

答：

45赞 cybersam 10/14/2014 #1

通常，快速应用需要指定适当的正文解析器中间件才能包含正文。req.body

[已编辑]

如果您需要解析URL编码的（非多部分）表单数据以及JSON，请尝试添加：

// Put this statement near the top of your module
var bodyParser = require('body-parser');


// Put these statements before you define any routes.
app.use(bodyParser.urlencoded());
app.use(bodyParser.json());

首先，您需要将 body-parser 添加到的属性中，然后执行 .dependenciespackage.jsonnpm update

要处理多部分表单数据，正文解析器将不起作用。请参阅此处建议的模块，以解析多部分主体。bodyParser.urlencoded()

3赞 Jonathan Lonowski 10/14/2014

OP 显示正在使用中。但是，该模块不支持解析。body-parsermultipart

1赞 cybersam 10/14/2014

我已经编辑了我的答案，以包含对多部分表单解析的建议模块的引用。感谢@Jonathan的参考。

0赞 Jem 10/14/2014

感谢您的帮助。事实上，我正在发送表单数据，不知道服务器能够接受 url 编码的数据。它适用于后者。

0赞 Jem 10/14/2014

将研究 url 编码与表单数据的优缺点。再次感谢！

7赞 Sanjeev Kumar 1/21/2016 #2

要处理支持文件上传的 multipart/form-data 请求，您需要使用 multer 模块。multer 中间件的 npm 链接

6赞 Camilo Ortegón 2/24/2018

如何在 multer 处理上传之前从帖子中读取正文？

1赞 Geek Guy 12/27/2019

@CamiloOrtegón您在上面的评论中找到问题的答案了吗？

0赞 Greggory Wiley 8/11/2021

对我来说同样的问题，需要分别处理文本数据和上传。

3赞 Aecio Levy 9/14/2018 #3

确保按以下顺序输入： bodyParser.json（）首先。app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: true }));

1赞 Neithan Max 11/12/2018

如果能解释一下原因，那将是有益的。

0赞 Aecio Levy 11/13/2018

Carles Alcolea，两者都是将按此顺序执行的中间件。我没有看过源代码，但我敢打赌，如果正文是 JSON，它首先使用 urlenconded 发送错误，而不是跳过并调用下一个中间件。这可能是 JSON 模块的作用，它不是 JSON，跳过（调用 next（））而不是发送错误并调用下一个中间件。

0赞 Neithan Max 11/30/2018

我的意思是在编辑你的答案时，为任何阅读它的人添加一个急需的解释。当我们证明我们的答案时，它更具教育意义和清晰性。它还有助于我们确保我们的答案;P

16赞 Harshan Morawaka 4/4/2020 #4

我遵循了这个 https://www.tutorialspoint.com/expressjs/expressjs_form_data.htm

var bodyParser = require('body-parser');
var multer = require('multer');
var forms = multer();

// apply them

app.use(bodyParser.json());
app.use(forms.array()); 
app.use(bodyParser.urlencoded({ extended: true }));

// how to use

router.post('/', function(req, res) {
    console.log(req.body);
    console.log('received the widget request');
});

9赞 Zackattack 4/20/2022

当我得到console.log(req.body){}

1赞 Saifio 4/18/2020 #5

确保你没有将 enctype 唱成 multipart/form-data，body 解析器不支持它。在定义任何路由之前，请使用以下行。

app.use（bodyParser.urlencoded（））; app.use（bodyParser.json（））;

6赞 yaya 7/13/2020 #6

对于 Json：使用 .body-parser

app.use(bodyParser.json())
app.use(bodyParser.urlencoded({extended: true}))

（您还应该发送：在请求标头中）Content-Typeapplication/json

对于普通表单或多部分表单（包含文件的表单），请使用 + 。body-parsermulter

app.use(bodyParser.json())
app.use(bodyParser.urlencoded({extended: true}))
app.use(multer().array())

（在这种情况下，您不应该发送。您不应该发送任何内容，或者如果您有表单中的文件。Content-Type: application/jsonContent-Type: multipart/form-data

在 Postman 中，您不应手动发送。否则，您将收到错误（）。（它会自动添加它。Content-Type: multipart/form-dataBoundary not found

0赞 harbrinder_singh 4/28/2023 #7

我发现，在我的情况下，我没有将“name”属性与 HTML 输入标签一起使用。我通过更改来修复它：

这

<input id="first_name" />

自

<input id="first_name" name="first_name" />

上一个：当用户单击按钮时，如何以特定方式更新多个集合？

下一个：使用 AJAX 请求更新 ejs 模板

Node.js（使用express和bodyParser）：无法从post请求中获取表单数据

Node.js (with express & bodyParser): unable to obtain form-data from post request

评论

评论

评论

评论

评论