Какие знаешь проблемы связанные с CORS

CORS (Cross-Origin Resource Sharing) — механизм безопасности браузеров, ограничивающий кросс-доменные запросы. Основные проблемы:

1. Preflight-запросы — для сложных запросов (не GET/POST с простыми заголовками) браузер сначала отправляет OPTIONS-запрос, что увеличивает время работы.

2. Ограниченные заголовки — сервер должен явно разрешать нужные заголовки в ответе, иначе браузер их заблокирует.

3. Куки и авторизация — для запросов с credentials (withCredentials: true) сервер должен отвечать Access-Control-Allow-Credentials: true и явно указывать домен в Access-Control-Allow-Origin.

Пример ошибки:

Access to fetch at 'https://api.example.com' from origin 'https://frontend.com' has been blocked by CORS policy.

Решение на сервере (Node.js пример):

app.use((req, res, next) => {
  res.header('Access-Control-Allow-Origin', 'https://frontend.com');
  res.header('Access-Control-Allow-Methods', 'GET, POST, OPTIONS');
  res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization');
  res.header('Access-Control-Allow-Credentials', 'true');
  next();
});

Обходные пути для разработки: прокси-сервер или отключение CORS в браузере (не для продакшена).