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

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

1. На стороне сервера:
   • Добавьте заголовки Access-Control-Allow-Origin, Access-Control-Allow-Methods, Access-Control-Allow-Headers.
   • Для простых запросов достаточно:
     http

     Копировать

     Access-Control-Allow-Origin: *

   • Для сложных (например, с авторизацией):
     http

     Копировать

     Access-Control-Allow-Origin: https://yourdomain.com
     Access-Control-Allow-Credentials: true

2. Прокси-сервер:

   • Настройте Nginx/Apache для проксирования запросов.
   • Или используйте облачные сервисы (Cloudflare, CORS Anywhere).

3. В разработке:

   • Отключите CORS через расширения браузера (только для тестов!).
   • Используйте mode: 'no-cors' в fetch (но это ограничит доступ к ответу).

Пример настройки Express.js:

app.use((req, res, next) => {
  res.header('Access-Control-Allow-Origin', '*');
  res.header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE');
  next();
});