create-react-app - 在构建时运行 Netlify 变量 api 密钥，从 github 存储库中隐藏密钥

Question

我正在使用 DOTENV 模块，我想在我的 github 存储库中隐藏我的 api 密钥，但是 Netlify 需要它来构建 api 调用。我想创建一个在 Netlify 中运行的变量，但在我的开发版本中仍然有效。

在我的代码中，我使用这个：

 let unsplashApiKey = process.env.REACT_APP_UNSPLASH;

它链接到根目录中的 .env，这在我的 dev localhost 中有效，我可以用 gitignore 忽略它，但是 Netlify 需要这个 .env 来运行它的构建，因为它直接从 repo 构建。

我在 Netlify 的部署设置中看到了这个选项：“环境变量”，它让我放置名称和密钥，似乎是我需要的。那么如何让这个变量在我的代码中为我的 api 工作？

Answer 1

我所要做的就是调用环境变量：REACT_APP_UNSPLASH由于我的代码是这样的： let unsplashApiKey = process.env.REACT_APP_UNSPLASH;

我unsplashApiKey在 Netlify 变量中使用了，它不起作用。现在我已经能够在我的 repo 中隐藏 .env 文件，但将它保存在我的本地，因此对可能讨厌的人隐藏了 api 密钥。快乐的时光！