Как сделать запрос CORS с реактивным приложением и веб-пакетом - без экспрессов

Question

Я пытаюсь сделать GET-запрос на другой веб-сайт (не API) с помощью axios, но он заблокирован политикой CORS. Я также пытался настроить сервер webpack dev с заголовками, но результат остался неизменным

headers: {
  "Access-Control-Allow-Origin": "*",
  "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
  "Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"
},

Answer 1

Проблема в том, что вам придется переписать CORS-заголовки, приходящие с этого другого сайта до того, как попадет в ваш браузер.Один из способов сделать это - использовать webpack devserver для прокси на другом сайте, а затем переписать заголовки ответа

devServer: {
    proxy: {
        '/path/you/want/to/proxy': 
            target: 'https://another.website.com',
                onProxyRes(proxyRes, req, res) {
                    proxyRes.headers['Access-Control-Allow-Origin'] = '*';
                    proxyRes.headers['Access-Control-Allow-Methods'] = 'GET, POST, PUT, DELETE, PATCH, OPTIONS';
                    proxyRes.headers['Access-Control-Allow-Headers'] = 'X-Requested-With, content-type, Authorization';
                }
    }
}