Question

91

Axios. How to get error response even when api return 404 error, in try catch finally

rated 0 times [ 96] [ 5] / answers: 1 / hits: 119959 / 6 Years ago, wed, january 17, 2018, 12:00:00

for e.g.

(async() => {

  let apiRes = null;

  try {

    apiRes = await axios.get('https://silex.edgeprop.my/api/v1/a');

  } catch (err) {

    console.error(err);

  } finally {

    console.log(apiRes);

  }

})();

in finally, apiRes will return null.

Even when the api get a 404 response, there is still useful information in the response that I would like to use.

How can I use the error response in finally when axios throws error.

https://jsfiddle.net/jacobgoh101/fdvnsg6u/1/

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

lara

Add To Favorites

Follow

Total Points: 462

Total Questions: 100

Total Answers: 102

Location: Jersey

Member since Mon, Jun 14, 2021

3 Years ago

answered 6 Years ago janettejordynm · Accepted Answer

According to the documentation, the full response is available as a response property on the error.

So I'd use that information in the catch block:

(async() => {

  let apiRes = null;

  try {

    apiRes = await axios.get('https://silex.edgeprop.my/api/v1/a');

  } catch (err) {

    console.error(Error response:);

    console.error(err.response.data);    // ***

    console.error(err.response.status);  // ***

    console.error(err.response.headers); // ***

  } finally {

    console.log(apiRes);

  }

})();

Updated Fiddle

But if you want it in finally instead, just save it to a variable you can use there:

(async() => {

  let apiRes = null;

  try {

    apiRes = await axios.get('https://silex.edgeprop.my/api/v1/a');

  } catch (err) {

    apiRes = err.response;

  } finally {

    console.log(apiRes); // Could be success or error

  }

})();