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

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

1. Настройка сервера: добавление заголовков Access-Control-Allow-Origin, Access-Control-Allow-Methods и других. Пример для Node.js:

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

2. Проксирование запросов: использование прокси-сервера (например, Nginx) или фронтенд-прокси (webpack-dev-server):

// webpack.config.js
devServer: {
  proxy: {
    '/api': 'http://backend:3000'
  }
}

3. JSONP (устаревший способ для GET-запросов):

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

4. CORS Anywhere (временное решение для разработки):

fetch('https://cors-anywhere.herokuapp.com/https://api.example.com')

5. Использование mode: 'no-cors' (ограниченное применение):

fetch(url, { mode: 'no-cors' });

Лучшее решение — правильная настройка CORS на бэкенде. Временные решения (прокси, CORS Anywhere) стоит использовать только в разработке.