Почему прокси webpack не работает (ошибка Access-Control-Allow-Origin)? - PullRequest
Новая
       20

Почему прокси webpack не работает (ошибка Access-Control-Allow-Origin)?

0 голосов
/ 27 мая 2019

Итак, я пытаюсь обойти CORS на сервере, передавая мои запросы. Я использую webpack и axios. Итак, вот опции сервера разработки webpack: 

devServer: {
            contentBase: './build/',
            historyApiFallback: true,
            hot: true,
            quiet: true,
            open: false,
            port,
            noInfo: false,
            clientLogLevel: 'error',
            proxy: {
                '/api/**': {
                    target: 'http://mydev.com',
                    changeOrigin: true,
                    secure: false
                }
            }
        }

и axios: 

const axiosInstance = axios.create({
    baseURL: 'http://mydev.com',
    timeout: 30000,
    headers: {
        'Content-Type': 'application/json',
        'X-AUTH-TOKEN':
            'my-token
    },
    data: {}
});

Но все же мой источник localhost и option запрос не проходит. Следовательно, у меня есть эта ошибка.

Просто для пояснения: я хочу отправить запрос с localhost на mydev.com с содержимым JSON и обойти настройки CORS.

Спасибо!

1 Ответ

1 голос
/ 27 мая 2019

Параметр прокси в Webpack на самом деле создает небольшой обратный прокси-сервер, который подключается к вашей целевой конечной точке. В этом случае ваше приложение (экземпляр axios) должно подключиться к вашему прокси: 

const axiosInstance = axios.create({
    baseURL: 'localhost:3000/api' // your local server here
    ...
});
...