CORS POST请求返回空体

Question

As the later stage from this question " Make POST JSON Request From HTML Script To A Node.JS App In Another Domain ", I implemented a CORS POST request:

var request = new XMLHttpRequest();
var params = "parameter=test";
request.open('POST', 'http://localhost:3009/param_upload', true);
request.onreadystatechange = function() {if (request.readyState==4) alert("It worked!");};
request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
request.send(params);

It is pretty much close to the examples in the internet. And this is my setup in my node.js server side:

app.use(cors());
var corsOptions = {
  origin: '*',
  credentials: true,
  allowedHeaders: ['*'],
  optionsSuccessStatus: 200
}

Of course, my app.post function has cors(corsOptions) in its header. However somehow the body is empty. As request I got a very long response which doesn't have the test text inside. I might be missing a point but looked around and coulnd't find it. If anyone helps, I will be very glad.

Answer 1

I think you forgot to use BodyParser middleware.

https://github.com/expressjs/body-parser

// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }))

// parse application/json
app.use(bodyParser.json())

With this middleware all your body data will be in req.body.

Exemple:

app.post('/test', function(req, res) {
    // body data
    console.log(req.body);
}