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

Question

我似乎无法恢复发送到我的 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);

登录方法尝试获取req.body.userName，但是req.body 始终为空。 我在 SO 上看到过其他描述此类行为的案例，但相关答案均不适用于此处。

感谢您的帮助。

Answer 1

一般来说，快递应用需要指定适当的body-parser middleware，以便req.body 包含正文。

[编辑]

1. 如果您需要解析 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 添加到package.json 的dependencies 属性，然后执行npm update。

2. 要处理多部分表单数据，bodyParser.urlencoded() 正文解析器将不起作用。请参阅suggested modules here 解析多部分正文。

Answer 2

要处理支持文件上传的 multipart/form-data 请求，您需要使用 multer 模块。 npm link for multer middleware

Answer 3

我关注了这个 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');
});

Answer 4

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

Answer 5

• 对于 Json：使用 body-parser。

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

（您还应该在请求标头中发送Content-Type:application/json）

• 对于普通表单或多部分表单（带文件的表单），请使用 body-parser + multer。

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

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

• 在邮递员中，您不应手动发送Content-Type: multipart/form-data。否则你会得到一个错误（Boundary not found）。 （它会自动添加。）

Answer 6

确保您没有将 enctype 唱成 multipart/form-data，正文解析器不支持它。 在定义任何路线之前使用下面的行。

app.use(bodyParser.urlencoded()); app.use(bodyParser.json());