Когда возникают проблемы с CORS

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

1. Разные origin'ы (домен, протокол или порт) между клиентом и сервером.
2. Отсутствие заголовков CORS на сервере (Access-Control-Allow-Origin, Access-Control-Allow-Methods и др.).
3. Предварительные запросы (preflight) для сложных запросов (не GET/POST с простыми заголовками).

Пример ошибки в консоли:

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

Решение:

• Настроить сервер для отправки правильных заголовков:

Access-Control-Allow-Origin: https://your-site.com
Access-Control-Allow-Methods: GET, POST, OPTIONS

• Для разработки можно использовать прокси (например, в vite.config.js):

server: {
  proxy: {
    '/api': 'https://api.example.com'
  }
}

• В крайнем случае — отключить CORS в браузере (только для разработки!).