req.body is empty in Node

Question

React (Client) sent post data through axios. but req.body is empty in Node server side. Tried to use body-parser. but failed. attached client side here

attached server code here

This is client Axios part

Answer 1

It should be the Content-Type on the request.

Per default the body-parser "urlencoded" handles only the following:

Content-Type: application/x-www-form-urlencoded;

You can set the type so:

app.use(bodyParser.urlencoded({
  extended: true,
  type: 'multipart/form-data'
}))

But then you have to parse the "raw body" by yourself, because the body-parser doesn't support multipart.

Answer 2

The body-parser doesn't support decoding multipart/form-data. There are ample of libraries available for parsing multipart-form/data.

I know the formidable library to be working and using it is as simple as this:

var form = new formidable.IncomingForm();

form.parse(req, function(err, fields, files) {

    console.log(`fields: ${fields} /n files: ${files}`)

});