Axios handling errors

by

Actually, it’s not possible with axios as of now. The status codes which falls in the range of 2xx only, can be caught in .then().

A conventional approach is to catch errors in the catch() block like below:

axios.get('/api/xyz/abcd')
  .catch(function (error) {
    if (error.response) {
      // Request made and server responded
      console.log(error.response.data);
      console.log(error.response.status);
      console.log(error.response.headers);
    } else if (error.request) {
      // The request was made but no response was received
      console.log(error.request);
    } else {
      // Something happened in setting up the request that triggered an Error
      console.log('Error', error.message);
    }

  });

Another approach can be intercepting requests or responses before they are handled by then or catch.

axios.interceptors.request.use(function (config) {
    // Do something before request is sent
    return config;
  }, function (error) {
    // Do something with request error
    return Promise.reject(error);
  });

// Add a response interceptor
axios.interceptors.response.use(function (response) {
    // Do something with response data
    return response;
  }, function (error) {
    // Do something with response error
    return Promise.reject(error);
  });

More Related Contents:

  1. Promise All with Axios
  2. Returning an Axios Promise from function
  3. Axios interceptors and asynchronous login
  4. Is it possible to use axios.all with a then() for each promise?
  5. When is .then(success, fail) considered an antipattern for promises?
  6. Is it bad practice to have a constructor function return a Promise?
  7. Resolve promises one after another (i.e. in sequence)?
  8. async/await always returns promise
  9. What is the correct terminology for javascript promises
  10. Building a promise chain recursively in javascript – memory considerations
  11. Asynchronous exception handling with bluebird promises
  12. Return from a promise then()
  13. How to sequentially run promises with Q in Javascript?
  14. Should an async API ever throw synchronously?
  15. How to use promise in forEach loop of array to populate an object
  16. How to send authorization header with axios
  17. How to support promises in Internet Explorer 11?
  18. While loop using bluebird promises
  19. Javascript – how to control how many promises access network in parallel
  20. Download an image using Axios and convert it to base64
  21. Why does the Promise constructor require a function that calls ‘resolve’ when complete, but ‘then’ does not – it returns a value instead?
  22. Promises: Repeat operation until it succeeds?
  23. Understanding JS Promises
  24. Axios – DELETE Request With Request Body and Headers?
  25. How to mock Axios with Jest?
  26. Promise.all().then() resolve?
  27. How to correctly use axios params with arrays
  28. How do you properly promisify request?
  29. Rendering resolved promise value in Ember handlebars template
  30. Implement async/await in sort function of arrays javascript

Leave a Comment