What are Axios interceptors and how do I use them?

What are Axios interceptors and how do I use them?

Axios interceptors are functions that Axios calls for every request or response. They allow you to modify requests or responses before they are handled by then or catch.

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 config before sending the request
    config.headers['Authorization'] = 'Bearer token';
    return config;
});

What about response interceptors? How do they work?

Response interceptors work similarly. You can modify the response data or handle errors before they reach your application:

axios.interceptors.response.use(response => {
    // Process the response data
    return response.data;
}, error => {
    // Handle the error
    return Promise.reject(error);
});

Are there any common use cases for interceptors?

Yes! Common use cases include adding authentication tokens, logging requests/responses, and handling errors globally.