根据环境设置更改应用程序的配置：生产与开发

Question

我正在Google App Engine（灵活的环境）上使用React和Node。

我希望能够根据环境设置（生产与开发）更改应用程序的配置。

在开发中，我具有以下设置： 我使用localhost：5050在浏览器中运行我的react应用程序，并在localhost：8080上运行node应用程序 在package.json中，我使用Proxy： “ proxy”：“ http://localhost:8080” API请求使用本地URL：“ localhost：8080 / something”

在生产环境中，我具有以下设置： 无需代理； API URL为：“ https://www.example.com/something”

如何确保在本地主机中启动应用程序时，我的API请求将使用本地域，并且将使用代理？ 有没有办法通过package.json或通过其他一些选项来配置它？

Answer 1

您需要使用 .env 文件指定您的API URL。

如果您使用的是CRA，请参见以下问题的答案：How to set build .env variables when running create-react-app build script?

如果您使用的是webpack，请参见本教程：Using environment variables in React

P.S。如本answer所述，package.json中的代理功能并不意味着用于生产，因为它只是一种开发功能。