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

CORS (Cross-Origin Resource Sharing) — механизм безопасности браузеров. Основные способы решения:

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

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

2. Проксирование запросов: настройка прокси на бекенде или через инструменты вроде webpack-dev-server:

// webpack.config.js
devServer: {
  proxy: {
    '/api': 'http://localhost: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 — временное решение для разработки через публичные прокси.

Для production всегда предпочтительна правильная настройка сервера. В разработке можно временно отключать CORS в браузере (небезопасно!).