部署应用程序后，如何在Webpack.config.js中配置代理url

Question

在我的本地机器上，我的React前端运行在localhost:3000和Node/Express后端在CCD_ 2上运行。

在webpack.config.js(对于我的前端(中，我使用代理，这样我的前端就可以通过url/api从后端fetch()数据

module.exports = {
//...
devServer: {
proxy: {
'/api': 'http://localhost:8080'
}
}
};

在我将应用程序部署到Pivotal云后，代理配置不再工作，因为它被设置为localhost。

我应该如何配置它，使它不会硬编码为localhost？

Answer 1

如何将React localhost(127.0.0.1:3000(更新到另一个域(local.example.com(

答案可能为时已晚。。。首先配置您的主机文件，将local.example.com添加为您的本地envir(windows(请参阅链接

devServer具有主机属性

devServer: {
host: 'local.example.com,
port: 80
}

将端口设置为80将允许您访问http://local.example.com