Благодаря чему появляется ошибка CORS в браузере

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

Основные причины:

• Запрос отправлен с одного домена (https://site.com) на другой (https://api.example.com).
• Сервер не отправляет заголовки Access-Control-Allow-Origin или Access-Control-Allow-Methods.
• Запросы типа PUT, DELETE или с кастомными заголовками требуют предварительного OPTIONS-запроса (preflight), который не проходит проверку CORS.

Пример решения на сервере (Node.js):

res.setHeader('Access-Control-Allow-Origin', '*');
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS');
res.setHeader('Access-Control-Allow-Headers', 'Content-Type');

Обход в разработке: прокси (webpack-dev-server) или отключение CORS в браузере (только для тестов!).