Как решить CORS ошибку

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

1. На стороне сервера:
   • Добавьте заголовки в ответ сервера:
     http

     Копировать

     Access-Control-Allow-Origin: *
     Access-Control-Allow-Methods: GET, POST, PUT
     Access-Control-Allow-Headers: Content-Type

   • Для Node.js + Express:
     javascript

     Копировать

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

2. Проксирование:

   • Настроить прокси в vite.config.js или webpack.config.js:
     javascript

     Копировать

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

3. Для разработки:

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

4. JSONP (устаревший способ):

   javascript

   Копировать

   function handleResponse(data) {
     console.log(data);
   }
   const script = document.createElement('script');
   script.src = 'http://example.com/api?callback=handleResponse';
   document.body.appendChild(script);

Лучший вариант — правильная настройка сервера. * в заголовках — только для тестов, в продакшене указывайте конкретные домены.