如何在组件内部使用自定义环境变量

1-发展

2-分段

3-生产

article

.env.development

.env.staging

.env.production 

在每个.env文件中,我都有基于我们构建应用程序的阶段的API地址,如下所示:

API_URL=https://MYAPI.com/STAGE

在my package.json中,我有以下脚本:

"scripts": {
   "start": "env-cmd .env.development react-scripts start",
   "build_development": "env-cmd .env.development npm run build",
   "build_staging": "env-cmd .env.staging npm run build",
   "build": "react-scripts build",
 }

在我调用此api URL的组件中,我使用此来获取api\ U URL:

let apiUrl = process.env.API_URL

所以一旦我运行了例如:npm run build\u staging

它将构建应用程序,但一旦我调试它, apiUrl 总是 undefined .