Как на фронтенде реализуется авторизация? (Хранение access/refresh токенов в Cookies / LocalStorage, отправка токена в запросах, обновление токена)

Схема работы:

1. Пользователь вводит credentials

2. Сервер возвращает access и refresh tokens

3. Access token хранится в клиенте

4. Refresh token хранится в HttpOnly cookie

5. При истечении access token автоматически обновляется

Безопасное хранение:

• Access token: localStorage или memory

• Refresh token: HttpOnly cookie

• Защита от CSRF и XSS атак

Автоматическое обновление:

// Интерцептор для axios
axios.interceptors.response.use(
  response => response,
  async error => {
    if (error.response.status === 401) {
      const newToken = await refreshToken();
      // Повтор запроса с новым токеном
    }
    return Promise.reject(error);
  }
);

Best practices:

• Короткое время жизни access token

• Secure и HttpOnly флаги для cookies

• Валидация токенов на сервере

• Защита от replay attacks