В каких случаях возникает CORS

CORS (Cross-Origin Resource Sharing) возникает, когда веб-приложение пытается запросить ресурс с другого домена, протокола или порта, отличного от своего. Браузер блокирует такие запросы из-за политики Same-Origin Policy (SOP).

Основные случаи:

1. Запросы к API с другого домена (например, https://api.example.com с https://your-site.com)
2. Разные поддомены (sub1.example.com → sub2.example.com)
3. Разные протоколы (http:// → https://)
4. Разные порты (example.com:3000 → example.com:8080)

Пример:

fetch('https://api.example.com/data') // Другой домен
  .then(response => response.json())
  .catch(error => console.error('CORS error:', error));

Решение: сервер должен включать заголовки Access-Control-Allow-Origin, Access-Control-Allow-Methods и другие CORS-заголовки. Для разработки можно использовать прокси или отключить CORS в браузере (не для продакшена).