Getting status 400 as an error instead of json response

Question

I have a front-end connected to back-end, using http requests. I'm experiencing this thing where if I return res.status(200) I get a response which I can send with that response a message. But when I'm sending res.status(400). I'm getting an red error on console rather than a parsable response.

app.post('/new', (req, res) => {
    const { fullname, phone, country, img } = req.body
    return res.status(200).json({
        title: 'Ok, we got you!'
    })
})

// If I'm changing that status to 400 I get that red error on console and I cannot parse from it anything (anything atleast that I want)

Salvino D'sa · Accepted Answer · 2022-01-15 12:20:49Z

4

Yes, and that's the correct behaviour with HTTP requests. HTTP 400 Bad Request indicates an error rather then a successful response from your web server. So you need to catch the error thrown by the server with either a .catch() clause or a try/catch block in order to access the data returned on your client side. You're server code is absolutely fine. Just add the code below to your client side application.

Using `.catch` approach

axios.get('/foo')
  .catch(function(error) {
      console.log(error.response.data);
      console.log(error.response.data.title); // your title
      console.log(error.response.status);
      console.log(error.response.headers);
  });

Using `try/catch` approach

try {
  const resp = await axios.get('/foo');
} catch (error) {
  console.log(error.response.data);
  console.log(error.response.data.title); // your title
  console.log(error.response.status);
  console.log(error.response.headers);
}

For more information visit this link

edited Jan 15, 2022 at 12:20

answered Jan 15, 2022 at 12:15

Salvino D'sa

4,5761 gold badge14 silver badges26 bronze badges

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

1 Comment

xarielah Over a year ago

thanks! you're amazing, thats for also linking me to the axios docs, should've read them earlier

Collectives™ on Stack Overflow

Getting status 400 as an error instead of json response

1 Answer 1

Using `.catch` approach

Using `try/catch` approach

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Using .catch approach

Using try/catch approach

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related

Using `.catch` approach

Using `try/catch` approach