How can I get the status code from an http error in Axios

Question

This may seem stupid  but I m trying to get the error data when a request fails in Axios     axios get  foo com         then  response    gt            catch  error    gt             console log error    Logs a string  Error  Request failed with status code 404              Instead of the string  is it possible to get an object with perhaps the status code and content  For example     Object    status  404  reason   Not found   body   404 Not found

User · Answer

You can put the error into an object and log the object, like this:

axios.get('foo.com')
    .then((response) => {})
    .catch((error) => {
        console.log({error}) // this will log an empty object with an error property
    });

Hope this help someone out there.

User · Answer

You can use the spread operator       to force it into a new object like this    axios get  foo com        then  response    gt           catch  error    gt            console log     error         Be aware  this will not be an instance of Error

User · Answer

It s my code  Work for me  var jsonData   request body      var jsonParsed   JSON parse JSON stringify jsonData            message body               quot phone quot    quot 5511995001920 quot             quot body quot    quot WhatsApp API on chat-api com works good quot                axios post whatsapp url  jsonParsed validateStatus   true       then  res    gt             console log  statusCode    res statusCode                 console log res data          console log res status               var jsonData   res body             var jsonParsed   JSON parse JSON stringify jsonData             response json  quot ok quot               catch  error    gt          console error error          response json  quot error quot

User · Answer

What you see is the string returned by the toString method of the error object   error is not a string    If a response has been received from the server  the error object will contain the response property   axios get   foo      catch function  error        if  error response          console log error response data         console log error response status         console log error response headers

User · Answer

In order to get the http status code returned from the server  you can add validateStatus  status   gt  true to axios options   axios       method   POST       url   http   localhost 3001 users login       data    username  password        validateStatus       gt  true    then res   gt        console log res status         This way  every http response resolves the promise returned from axios   https   github com axios axios handling-errors

User · Answer

As  Nick said  the results you see when you console log a JavaScript Error object depend on the exact implementation of console log  which varies and  imo  makes checking errors incredibly annoying   If you d like to see the full Error object and all the information it carries bypassing the toString   method  you could just use JSON stringify   axios get   foo      catch function  error        console log JSON stringify error

User · Answer

This is a known bug  try to use   axios    0 13 1    https   github com mzabriskie axios issues 378  I had the same problem so I ended up using   axios    0 12 0   It works fine for me

User · Answer

I am using this interceptors to get the error response   const HttpClient   axios create     baseURL  env baseUrl       HttpClient interceptors response use  response    gt      return response      error    gt      return Promise resolve   error

User · Answer

With TypeScript  it is easy to find what you want with the right type   import   AxiosResponse  AxiosError   from  axios   axios get  foo com      then response  AxiosResponse   gt           Handle response         catch  reason  AxiosError    gt        if  reason response  status     400             Handle 400       else            Handle else           console log reason message

User · Answer

There is a new option called validateStatus in request config  You can use it to specify to not throw exceptions if status  lt  100 or status   300  default behavior   Example   const  status    axios get  foo com    validateStatus       gt  true

User · Answer

Axios  get  foo com    then  response    gt       catch  error    gt        if error  response          console log error  response  data         console log error  response  status

[javascript] How can I get the status code from an http error in Axios?

Examples related to javascript

Examples related to axios

Examples related to http-status-code-415