Сталкивался ли с ошибкой Request blocked by CORS policy

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

Как решить:

1. На сервере: добавить заголовки, например:

Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: GET, POST

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

server: {
  proxy: {
    '/api': 'http://localhost:3000'
  }
}

3. Обходные пути (не для продакшена):

• Отключить CORS в браузере (флаг --disable-web-security в Chrome)
• Использовать расширения типа CORS Unblock

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

Access to fetch at 'http://api.example.com' from origin 'http://localhost:3000' has been blocked by CORS policy