在 ReactJS 中使用环境变量
Using environment variables in ReactJS
所以我一直在建立一个新项目，但找不到任何关于如何做到这一点的最新解释，大多数人建议使用 dotenv 但显然 dotenv 是现在包含在 react-scripts 中，我该如何使用它？当我的项目 运行 时，我应该在哪里声明环境变量以及如何告诉它使用 production/environment 环境变量？我知道这似乎是一个 "go read the documentation" 问题，但我找不到任何问题，而且这是一个非常直截了当的问题。 TIA.
您可以在 .env 文件中以键值对方式添加属性
AWS_CRENDETIALS='asgashgash32612'
并在您的代码中使用 process.env.AWS_CRENDETIALS
引用它们
您可以根据您所拥有的环境注入这些属性。因此，当您投入生产时，您只需覆盖这些变量即可。否则只需从 .env 文件中读取。
我个人不使用该文件，但在开发中使用了一个包含所有变量的 node 命令。例如，在生产中，它们由 Azure DevOps 管理。
在您的根项目目录中创建一个 KEY=VALUE 结构的 .env 文件。
在你的 src/ 中的任何地方，你都可以使用 process.env.REACT_APP_KEY.
访问你的变量
process.env 是您所有 ENV 所在的位置，CRA 在自定义环境前加上前缀 REACT_APP
所以我一直在建立一个新项目，但找不到任何关于如何做到这一点的最新解释，大多数人建议使用 dotenv 但显然 dotenv 是现在包含在 react-scripts 中，我该如何使用它？当我的项目 运行 时，我应该在哪里声明环境变量以及如何告诉它使用 production/environment 环境变量？我知道这似乎是一个 "go read the documentation" 问题，但我找不到任何问题，而且这是一个非常直截了当的问题。 TIA.
您可以在 .env 文件中以键值对方式添加属性
AWS_CRENDETIALS='asgashgash32612'
并在您的代码中使用 process.env.AWS_CRENDETIALS
您可以根据您所拥有的环境注入这些属性。因此，当您投入生产时，您只需覆盖这些变量即可。否则只需从 .env 文件中读取。
我个人不使用该文件，但在开发中使用了一个包含所有变量的 node 命令。例如，在生产中，它们由 Azure DevOps 管理。
在您的根项目目录中创建一个 KEY=VALUE 结构的 .env 文件。
在你的 src/ 中的任何地方，你都可以使用 process.env.REACT_APP_KEY.
process.env 是您所有 ENV 所在的位置，CRA 在自定义环境前加上前缀 REACT_APP