Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

Документы

Медиа

Назад
Вопрос про React: axios, interceptor

Для чего используются Axios interceptors?

Вопрос проверяет знание механизмов перехвата запросов и ответов в Axios.

Короткий ответ

Axios interceptors позволяют перехватывать HTTP-запросы и ответы до их обработки. С их помощью можно изменять запросы, добавлять заголовки или обрабатывать ошибки. Interceptors работают централизованно и применяются ко всем запросам. Это упрощает поддержку и снижает дублирование кода. Они часто используются для авторизации и логирования.

Длинный ответ

Interceptors в Axios — это механизм, позволяющий встраивать общую логику в процесс работы с HTTP.

Что можно перехватывать

Axios поддерживает:

  • request interceptors

  • response interceptors

Типичные задачи request interceptors

  1. Добавление access token

  2. Установка общих заголовков

  3. Логирование запросов

  4. Подмена конфигурации

Типичные задачи response interceptors

  1. Обработка ошибок (401, 403)

  2. Запуск refresh token flow

  3. Логирование ответов

  4. Унификация ошибок

Пример:

axios.interceptors.response.use(
  response => response,
  error => {
    if (error.response?.status === 401) {
      // логика обновления токена
    }
    return Promise.reject(error)
  }
)

Почему это важно

Interceptors позволяют:

  • не дублировать код

  • централизовать сетевую логику

  • упростить масштабирование проекта

Вывод:
Axios interceptors — ключевой инструмент для реализации общей сетевой логики в SPA.

Уровень

  • Рейтинг:

    5

  • Сложность:

    7

Навыки

  • React

    React

Ключевые слова

#axios

#interceptor

Подпишись на React Developer в телеграм