Opowiedz więcej o interceptorach Axios — do czego były Ci potrzebne?

Interceptors Axios to funkcje, które pozwalają przechwytywać żądania lub odpowiedzi zanim zostaną przetworzone w Twoim kodzie. Są przydatne do centralnego zarządzania logiką związaną z żądaniami HTTP.

Na przykład, za pomocą interceptorów można:

• Automatycznie dodawać tokeny autoryzacyjne do wszystkich wychodzących żądań.
• Rejestrować lub modyfikować żądania i odpowiedzi.
• Obsługiwać błędy globalnie, na przykład automatycznie odświeżać token po otrzymaniu 401 Unauthorized.

Przykład użycia interceptora do dodania tokena:

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