Error: Request failed with status code 400 - AXIOS NODEJS

Question

I have a problem connecting to the api by axios Error: Request failed with status code 400

Can someone help me please?

My services/api.js: `

const axios = require("axios");

const api = axios.create({
  baseURL: "https://url.com"
});

api.interceptors.request.use(async config => {
    config.headers.access_token = `token123`;  
    return config;
});

module.exports = api;

My controller:

 const api = require('services/api');
    router.post('/', async (req, res) => {    
       try {
         const response = await api.post("/api", JSON.stringify(data));
         return response;
        } catch (err) {          
          return res.status(400).send({ erro: err })
        }
    })

    module.exports = app => app.use('/routes', router)

But while I make the request, I get the error

{
  "erro": {
    "message": "Request failed with status code 400",
    "name": "Error",
    "stack": "Error: Request failed with status code 400\n    at createError (/Library/WebServer/Documents/api/node_modules/axios/lib/core/createError.js:16:15)\n    at settle (/Library/WebServer/Documents/api/node_modules/axios/lib/core/settle.js:17:12)\n    at IncomingMessage.handleStreamEnd (/Library/WebServer/Documents/api-nex/node_modules/axios/lib/adapters/http.js:236:11)\n    at IncomingMessage.emit (events.js:228:7)\n    at endReadableNT (_stream_readable.js:1185:12)\n    at processTicksAndRejections (internal/process/task_queues.js:81:21)",
    "config": {
      "url": "/api",
      "method": "post",
      "data": "{"\myjson\": "\json\"}",
      "headers": {
        "Accept": "application/json, text/plain, */*",
        "Content-Type": "application/x-www-form-urlencoded",
        "access_token": "token123",
        "User-Agent": "axios/0.19.2",
        "Content-Length": 398
      },
      "baseURL": "https://url.com",
      "transformRequest": [
        null
      ],
      "transformResponse": [
        null
      ],
      "timeout": 0,
      "xsrfCookieName": "XSRF-TOKEN",
      "xsrfHeaderName": "X-XSRF-TOKEN",
      "maxContentLength": -1
    }
  }
}

It looks like you're sending JSON data with application/x-www-form-urlencoded content type - something's not right here. What kind of data does your API really expect? — shkaper
– shkaper, Commented Feb 27, 2020 at 13:39
The API expects JSON format so I used JSON.stringify to convert. I did a test with lib request using the same data and it worked but with axios it didn't work — Wellington Chrystian
– Wellington Chrystian, Commented Feb 28, 2020 at 12:16
I did change in my headers but didn't work too. const response = await api.post("api", JSON.stringify(data), { headers: { 'Content-Type': 'application/json', } } ); — Wellington Chrystian
– Wellington Chrystian, Commented Feb 28, 2020 at 12:30

Wellington Chrystian · Accepted Answer · 2020-02-28 15:58:25Z

2

I added 'Content-Type': 'application / json' in the headers and it worked

answered Feb 28, 2020 at 15:58

Wellington Chrystian

1041 gold badge1 silver badge5 bronze badges

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

Comments

Nihal Gupta · Accepted Answer · 2024-10-02 10:45:30Z

1

Don't use JSON.stringify(data) it adds \ and " in the data which creates weird behaviour. Simply add 'Content-Type': 'application/json' in headers and directly pass the JSON data. Here is the updated code:

const api = require('services/api');
router.post('/', async (req, res) => {    
   try {
     const response = await api.post("/api", data, {
       headers: {
         'Content-Type': 'application/json'           
       }
     });
     return res.status(200).send(response.data);
    } catch (err) {          
      return res.status(400).send({ erro: err })
    }
})

answered Oct 2, 2024 at 10:45

Nihal Gupta

2263 silver badges16 bronze badges

Comments

Ernesto · Accepted Answer · 2021-01-16 17:11:53Z

-1

You need to return res as you is in a route.

Instead of returning response return res.status(200).json(response)

answered Jan 16, 2021 at 17:11

Ernesto

4,3461 gold badge17 silver badges30 bronze badges

Collectives™ on Stack Overflow

Error: Request failed with status code 400 - AXIOS NODEJS

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related