What are interceptors in Axios and how do I use them?

What are interceptors in Axios and how do I use them?

Interceptors in Axios are functions that allow you to intercept requests or responses before they are handled by then or catch. You can use them to modify requests, add headers, or handle errors globally.

Can you give me an example of how to set up a request interceptor?

Sure! You can set up a request interceptor like this:

axios.interceptors.request.use(config => {
    // Modify the config before sending the request
    config.headers['Authorization'] = 'Bearer token';
    return config;
}, error => {
    return Promise.reject(error);
});

What about response interceptors? How do they work?

Response interceptors work similarly. You can use them to handle responses or errors globally. Here's an example:

axios.interceptors.response.use(response => {
    // Do something with the response data
    return response;
}, error => {
    // Handle the error
    console.error('Error response:', error);
    return Promise.reject(error);
});

Are there any common use cases for interceptors?

Yes, common use cases include adding authentication tokens, logging requests and responses, handling errors globally, and modifying response data before it reaches your application.