Cuéntame más sobre los interceptores de Axios — ¿para qué los necesitabas?

Los interceptores de Axios son funciones que permiten interceptar solicitudes o respuestas antes de que sean procesadas en tu código. Son útiles para gestionar de manera centralizada la lógica relacionada con las solicitudes HTTP.

Por ejemplo, con los interceptores se puede:

• Añadir automáticamente tokens de autorización a todas las solicitudes salientes.
• Registrar o modificar solicitudes y respuestas.
• Manejar errores globalmente, por ejemplo, actualizar automáticamente el token al recibir un 401 Unauthorized.

Ejemplo de uso de un interceptor para añadir un token:

axios.interceptors.request.use(config => {
  const token = localStorage.getItem('authToken');
  if (token) {
    config.headers['Authorization'] = `Bearer ${token}`;
  }
  return config;
}, error => {
  return Promise.reject(error);
});