Как использовать прокси в вебпаке и реагировать?

Question

Я добавил следующий код в "webpack.config.dev.js"

devServer: {
    proxy:{
        target:"http://localhost:8081"
    }
}

Я использую следующий код Axios, но он не принимает прокси в качестве URL

axios({
    method:"post",
    url:"/add_order_product",
    data:result
}).then(response =>{
    alert(response.data);
    if(response.data === true){
        // console.log(response);
        alert("saving data");
    }
}).catch(response =>{
    console.log(response);
});

Answer 1

По умолчанию webpack-dev-server не включает корневое проксирование. Чтобы включить корневое проксирование, для свойства index должно быть установлено ложное значение. Их документация также имеет набор свойств context, хотя они явно не говорят, что это необходимо для корневого прокси. Попробуйте следующую конфигурацию, и вот ссылка на документацию прокси-сервера webpack-dev-server.

devServer: {
    index: '',
    proxy: {
        context: () => true,
        target: "http://localhost:8081"
    }
}