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

【问题标题】：How to set up a proxy for Webpack in production如何在生产环境中为 Webpack 设置代理
【发布时间】：2018-09-19 19:09:52
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

代理不适用于生产环境。

在生产中，CRA 会生成一个静态捆绑包。在这一点上，你可以用它做任何你想做的事情。代理的概念在那里没有意义，因为没有开发服务器。您可以为任何服务器提供捆绑包，您确实可以根据 process.env.NODE_ENV 或自定义环境变量调整 API 调用 URL

【讨论】：

这有点帮助。如果不是代理，那么我如何告诉它指向外部 API？
正如它所说，您应该在生产环境中为这些自定义环境传递自定义process.env.Variable。我写了一篇非常详细的文章来设置这个medium.freecodecamp.org/…阅读。