Логотип YeaHub

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

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

Тренажёр

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

Обучение

Навыки

Войти

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

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

© 2026 YeaHub

Документы

Медиа

Назад
Вопрос про React: 401, unauthorized

Как frontend должен обрабатывать ответ 401 Unauthorized?

Вопрос проверяет понимание стандартного сценария обработки ошибок авторизации и поведения frontend-приложения.

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

При получении 401 Unauthorized frontend должен определить, связана ли ошибка с истёкшим access token. Обычно запускается процесс обновления токена через refresh token. Если обновление прошло успешно, исходный запрос повторяется. Если нет — пользователь разлогинивается. Такой подход позволяет сохранить непрерывный пользовательский опыт.

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

Ответ 401 Unauthorized — это основной сигнал для frontend о проблемах с авторизацией.

Базовый сценарий обработки 401

При получении 401 frontend обычно выполняет следующие шаги:

  1. Проверяет, выполняется ли уже обновление токена

  2. Отправляет запрос на обновление access token

  3. Получает новый access token

  4. Повторяет исходный запрос

Этот процесс должен быть полностью автоматическим и незаметным для пользователя.

Защита от проблемных сценариев

Frontend должен учитывать:

  • параллельные запросы с истёкшим токеном

  • повторные 401 после refresh

  • риск бесконечного цикла обновлений

Для этого обычно:

  • используется флаг isRefreshing

  • очередь запросов ждёт завершения refresh

  • вводится ограничение на количество попыток

Если refresh token невалиден

В этом случае:

  • access token обновить нельзя

  • сессия считается завершённой

  • состояние авторизации очищается

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

UX-аспект

Важно:

  • не показывать пользователю ошибки API

  • не прерывать текущие действия

  • сохранить данные формы, если возможно

Вывод:
Корректная обработка 401 Unauthorized делает авторизацию устойчивой и обеспечивает плавный пользовательский опыт.

Уровень

  • Рейтинг:

    5

  • Сложность:

    7

Навыки

  • React

    React

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

#401

#unauthorized

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