如何在webpack和reactjs中使用代理？

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屬性設置為falsy值。 他們的文檔也設置了context屬性，盡管他們沒有明確表示需要root代理。 請嘗試以下配置， 這是指向 webpack-dev-server代理文檔的鏈接。

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