如何从 S3 存储桶中的 React 应用程序的 .env 文件中读取环境变量？

【问题标题】：How do I read environment variables from .env file for a React app from an S3 bucket?如何从 S3 存储桶中的 React 应用程序的 .env 文件中读取环境变量？
【发布时间】：2021-11-30 17:53:51
【问题描述】：

我在 .env 文件中为我的 React 项目创建了环境变量。

我已将 .env 添加到我的 .gitignore 文件中。

由于我的 React 应用程序托管在那里，我如何从我的 Amazon S3 存储桶中读取这些环境变量？

例如process.env.REACT_APP_MY_VARIABLE

【问题讨论】：

这与 React 相关得多，而不是 S3 存储桶，因为它与您的本地计算机没有什么不同 :)
这能回答你的问题吗？ Adding an .env file to React Project
我可以从本地的 .env 中读取变量，我只想知道如何在 S3 中添加环境变量
只需像上传项目的其余部分一样上传 .env 文件？
我已经在gitignore中添加了.env文件，所以内容没有暴露在代码中

标签： reactjs amazon-web-services environment-variables gitignore

【解决方案1】：

1 - 确保您的 .env 文件位于项目的根文件夹中。它应该是这样的：

REACT_APP_MY_VARIABLE = 'my-app-var'

2 - 在将项目发送到 S3 之前构建您的项目并安装 dotenv 依赖项。

npm install dotenv --save

3 - 在您的项目中导入dotenv。

【讨论】：

既然.env文件没有部署到S3，那么process.env.REACT_APP_MY_VARIABLE如何得到我想要的值呢？
因为我说要使用 dotenv，它允许你的项目读取 .env 文件。需要（'dotenv/config'）； console.log(process.env.REACT_APP_MY_VARIABLE)
我的 gitignore 包含 build 文件夹，这意味着 build 文件夹没有与代码一起部署。 dotenv 如何知道在 S3 中检查变量的位置？
构建文件夹在 git 中被排除，因为项目是在部署管道中构建的