⚡️ Привет, мои верные подписчики! ⚡️

#frontend #развитие #axios

Сегодня я хочу поделиться с вами секретом, который может упростить вашу жизнь разработчика и поднять ваш код на новый уровень! 🎩✨

🎯 Интерцепторы в Axios 🎯

Как оказлось, даже среди ребят с опытом. Мало кто знает об этой мощной функции в Axios, но она невероятно полезна! Интерцепторы позволяют перехватывать и изменять запросы и ответы до того, как они будут обработаны. Это значит, что вы можете автоматически добавлять заголовки, обрабатывать ошибки и многое другое! 🚀

🔧 Примеры использования:

1️⃣ Автоматическое добавление Bearer-токена ко всем запросам

Почему добавлять токен вручную, если можно сделать это автоматически? 😉

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

2️⃣ Централизованная обработка ошибок с бэкенда

Устали писать одно и то же для обработки ошибок? Давайте упростим! 💡

api.interceptors.response.use(
    (response) => response,
    (error) => {
      if (error.code === 'ERR_CANCELED') {
        return Promise.reject(error);
      }

      const handler = errorMapping[error.response.status];

      if (handler) {
        return handler(error, router);
      }

      console.error(`Неизвестная ошибка ${error.response}`);

      return Promise.reject(error);
    },
  );

📚 Полезные ресурсы для изучения:

📖 Официальная документация Axios — Interceptors
📝 Статья: "Улучшаем работу с запросами с помощью Axios Interceptors"
🎥 Видео: "Crash Course Axios"

Все полезные материалы -> Забрать по ссылке

Если у тебя возникли вопросы или ты хочешь поделиться своим опытом использования интерцепторов, пиши в комментариях! 🖊

Давайте вместе становиться лучше и делать наш код эффективнее! 💪✨

© Продуктивный Феня