React, axios, content-type

Question

I have already searched a lot, but none of the solutions found work: Cannot send content-type by axios. but if I use the postman interceptor and I 'send' the request generated by axios this time it works: the node.js / express server correctly receives the request and body-parser works normally!

React side:

const API_URL = "http://localhost:8800/auth/";

const headers = {
  accept: 'application/json, text/plain, */*',
  'content-type': 'application/json;charset=UTF-8'
};

class AuthService {
  register(pseudo, email, password) {
    return axios.post(API_URL + "signup/",
      { pseudo, email, password },
      { headers: headers})
    .then(response => {
      if (response.data.accessToken) {
        localStorage.setItem("user", JSON.stringify(response.data));
      }
      return response.data;
    });
  }

server side

const app = express();
app.use(function (req, res, next) {
    console.log( req.headers);
    next();
}); 
app.use( bodyParser.urlencoded({ extended: true }), bodyParser.json()); 

Answer 1

Usually when I use axios I send the headers in a config variable like this and I stringify the body so it sends as JSON object and not a JS object.

const config = {
      headers: {
        'Content-Type': 'application/json',
      },
    };

    const body = JSON.stringify({arguments});
    try {
      const res = await axios.post(/url, body, config);

...

Here's a link to the docs for a little more reading about it:

https://github.com/axios/axios