axios.interceptors.response.use - Javascript

Axios is a popular promise-based HTTP client that allows developers to make HTTP requests in JavaScript easily. Interceptors are a feature of Axios that allows developers to intercept outgoing requests and incoming responses before they are handled by the application.

Axios.interceptors.response.use is a method that is a promise-based chainable function which allows us to introduce some conditions to handle the response before it reaches the application. It is used to handle a successful response of a request to the server, and also to handle errors during a response.

Parameters

• resolve: A function that handles the response when it is successful
• reject: A function that handles errors during the response, such as network errors, server errors or status code errors
• config: The configuration object that was used to make the request

Syntax

The syntax for the Axios.interceptors.response.use method is as follows:

axios.interceptors.response.use(
    (response) /* handle success response */,
    (error) /* handle error response */,
);

Examples

axios.interceptors.response.use(
  response => {
    console.log(response);
    return response;
  },
  error => {
    console.log(error);
    return Promise.reject(error);
  }
);

In the above example, we are intercepting the response from the server, logging the response data to the console, and then returning the response back to the application. If there is an error, we are logging the error to the console and then rejecting the promise, which allows the error to be propagated back up the chain to the application.

Axios.interceptors.response.use is a powerful feature of Axios that allows developers to handle responses in a customizable way.