Passing POST params to NodeJS from fetch API

Question

When I send fetch request from my React app NodeJS server doesn't receive any params...

React:

fetch('http://xxx:5000/', {
      method: 'POST',
      headers: {
          'Content-Type': 'application/json',
      },
      body: JSON.stringify({ 'url': '[email protected]', 'password': '12345' }) // formData
    })

NodeJS:

const bodyParser = require('body-parser')

const urlencodedParser = bodyParser.urlencoded({ extended: false })

const app = express()
app.post('/', urlencodedParser, async (req, resp, next) => {
  const url = req.body.url

  console.log(url) // undefined
  const urlIdPattern = /\d+/g
}

When I send request directly from form tag it works correctly

<form action="xxx" method="POST">
  <input name="url">
</form>

Matus Dubrava · Accepted Answer · 2020-07-28 12:54:21Z

2

You are using wrong parser. Since you are sending the data as application/json, you should be using json from body-parser instead of urlencoded.

You should use it like this (to apply it globally).

const bodyParser = require('body-parser');
app.use(bodyParser.json();

Or like this, if you want to apply the middleware to that specific route.

app.post('/', bodyParser.json(), async (req, resp, next) => {...

When I send request directly from form tag it works correctly

That is because when you submit a form, data is sent as urlencoded (not as application/json).

edited Jul 28, 2020 at 12:54

answered Jul 28, 2020 at 12:43

Matus Dubrava

14.6k3 gold badges44 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Andre · Accepted Answer · 2020-07-28 12:50:06Z

0

That should do the trick.

const express = require('express');
const bodyParser = require('body-parser');
const app = express();

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

app.post('/', async (req, resp, next) => {
  const url = req.body.url

  console.log(url) // undefined
  const urlIdPattern = /\d+/g
}

answered Jul 28, 2020 at 12:50

Andre

4585 silver badges10 bronze badges

Collectives™ on Stack Overflow

Passing POST params to NodeJS from fetch API

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related