What are advanced features of Axios interceptors?

What are advanced features of Axios interceptors?

Axios interceptors allow you to intercept requests or responses before they are handled by then or catch. Advanced features include adding custom headers, logging requests, handling errors globally, and modifying request/response data.

Can you give me an example of how to add a custom header?

Sure! You can add a custom header in a request interceptor like this:

axios.interceptors.request.use(config => {
  config.headers['Custom-Header'] = 'YourValue';
  return config;
});

How can I handle errors globally with interceptors?

You can handle errors globally by using a response interceptor. Here's an example:

axios.interceptors.response.use(response => response, error => {
  console.error('Global error handler:', error);
  return Promise.reject(error);
});

What about modifying response data?

You can modify response data in the response interceptor as well. For example:

axios.interceptors.response.use(response => {
  response.data = modifyData(response.data);
  return response;
});