Question

我正在使用create-react-app创建反应应用程序，我正在使用node js作为后端开发。

我可以在本地环境中成功运行它，但是在生产构建应用程序中具有相同应用程序时，不会设置“ apiURL”

我的后端网址是= {http://localhost:5001/

API_URL = process.env.REACT_APP_API_URL

实际上我需要获取我的API_URL = http://localhost:5001 但我在生产部署中未定义API_URL

并应某些后端api的要求

http://localhost:3000/undefined/api/someapi

但是实际上我需要得到 http://localhost:5001/undefined/api/someapi

任何人都可以帮助如何动态地配置环境变量取决于主机环境

对不起，我的英语不好

预先感谢

Answer 1

您需要根据环境设置不同的变量值。有多种可能性，例如您可以在package.json中的脚本级别执行此操作：

"scripts": {
   "deploy:staging": "REACT_APP_API_URL=<paste-your-api-for-staging> ...",
   "deploy:production": "REACT_APP_API_URL=<paste-your-api-for-production> ...",
}

或者您可以使用我个人最喜欢的-> https://github.com/motdotla/dotenv来管理环境变量。它基于不同的.env文件，例如。 .env.local或.env.production，您可以在其中设置值。

react-create-app环境变量配置

1 个答案: