Логотип YeaHub

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

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

Тренажёр

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

Обучение

Навыки

Войти

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

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

© 2026 YeaHub

Документы

Медиа

Назад
Вопрос про React: token, expiration, refresh

Как должен вести себя frontend при истечении срока действия access token?

Вопрос проверяет понимание жизненного цикла авторизации и корректного поведения frontend при истечении access token.

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

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

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

Access token имеет короткий срок жизни, поэтому frontend должен быть готов к его истечению в любой момент.

Типичное поведение frontend

Когда access token истёк:

  1. Backend возвращает ошибку

  2. Frontend запускает процесс обновления токена

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

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

Что важно учесть

  • Пользователь не должен видеть ошибку

  • Процесс должен быть автоматическим

  • Повтор запроса должен быть прозрачным

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

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

  • обновление access token невозможно

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

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

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

Практический аспект

Frontend обычно:

  • хранит флаг обновления токена

  • блокирует параллельные refresh-запросы

  • избегает бесконечных циклов обновления

Вывод:
Корректная обработка истечения access token — ключ к хорошему UX и стабильной авторизации в SPA.

Уровень

  • Рейтинг:

    5

  • Сложность:

    7

Навыки

  • React

    React

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

#token

#expiration

#refresh

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