如何在生产环境中为 Webpack 设置代理

Question

不知道为什么我不能用谷歌搜索这个，但我似乎无法弄清楚如何在我的 create-react-app 的 webpack.config.prod.js 文件中代理我的 api 调用。将其放入 package.json 文件中是行不通的，因为我在本地需要不同的代理。

我已将其设置在 webpackDevServer.config.js 中，将其放入module.exports对象中效果很好。但当我在 webpack.config.prod.js 中执行相同操作时，它无法构建。如何为产品进行设置？

proxy: {
  '/myService/*': 'https://myServiceEndPoint/',
},

Answer 1

代理不适用于生产环境。

在生产中，CRA 生成静态捆绑包。此时您可以用它做任何您想做的事情。代理的概念在那里没有意义，因为没有开发服务器。由您决定是否使用任何服务器提供该捆绑包，并且您确实可以根据 process.env.NODE_ENV 或自定义环境变量调整 API 调用 URL