节点js POST未使用React获取数据

Question

I am submitting a form and the following gets called...

handleLogin(){
    fetch('http://localhost:8080', {
        method: 'post',
        body: JSON.stringify({
         username: this.state.username,
         password: this.state.password
        })
    });

}

It makes a POST request to my restAPI. The request works, but the data is not passed...

app.post('/', function(req, res, next) {
    console.log(req.body.username);
    ....

This prints out undefined, meaning password and username are not passed through the call. What am I doing wrong?

Answer 1

Express by default doesn't parse the body of the request. In order to enable parsing, you will need to use a middleware such as body-parser . You can find some information in the express docs .

Also, the client side needs to indicate that it's sending json data. That can be achieved with the Content-Type header. There is a pretty good tutorial about fetch() here . You can jump directly to the Request Headers section which is relevant for your question.

Answer 2

  var express = require("express");
    var app = express();
    var bodyParser = require('body-parser');
    const PORT = process.env.PORT || 7070;
    const BASEURL = process.env.BASEURL || 'http://localhost/7070';

    app.use(bodyParser.urlencoded({extended:true}));
    app.listen(PORT, function() {   console.log('Server running on'+BASEURL);
     });