react-create-app环境变量配置

Question

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

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

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

API_URL = process.env.REACT_APP_API_URL

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

和一些后端API的要求，我越来越

HTTP：//本地主机：3000 /未定义/ 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，您可以在其中设置值。