json body not posted

Hi. I’m trying to make a post request with json in the body included. The request is indeed a post request but the json data isn’t posted.

Here is an example:

fetch("http://127.0.0.1:8080/v1.0/users", {
      method: 'POST',
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json'
      },
      body: JSON.stringify({
        email: 'foo',
        pass: 'bar'
      })
    }).then(response => console.log(response))

Results in the following request headers:

POST /v1.0/users HTTP/1.1 Host: 127.0.0.1:8080 Connection: keep-alive Content-Length: 28 accept: application/json Origin: http://127.0.0.1:3000 User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/44.0.2403.155 Safari/537.36 content-type: application/json DNT: 1 Referer: http://127.0.0.1:3000/registration Accept-Encoding: gzip, deflate Accept-Language: nl,en-US;q=0.8,en;q=0.6

There is no data posted. Can anyone point me in the right direction? Thanks!

[dwilt]

@npassaro ok, I got it - the following works. Followed the example on MDN:

var myHeaders = new Headers();

myHeaders.append('Content-Type', 'application/json');

fetch('/contact-form', {
    method: 'POST',
    headers: myHeaders,
    mode: 'cors',
    cache: 'default',
    body: JSON.stringify(fields)
}).then(() => {
    dispatch(contactFormSubmitSuccess());
});

[npassaro]

I have the exact same problem, did anyone know a fix for this?

From what I’ve observed, the problem seems to come from the Content-Type header not being set.

const request = new Request(`${config.apiUrl}/jobs`, {
    method: 'POST',
    mode: 'no-cors',
    redirect: 'follow',
    body: JSON.stringify({ job }),
    headers: new Headers({
      'Content-Type': 'application/json',
      Accept: 'application/json',
    })
  });
console.log(request.headers.getAll('Content-Type'));

On the console I only only see: ["text/plain;charset=UTF-8"]