Heroku 配置变量和 gatsby

Question

在 .env.development 和 .env.production 中添加环境变量按预期工作（根据https://www.gatsbyjs.org/docs/environment-variables/）。我可以通过前端代码中的process.env 访问它们。

我不想对我的 .env.production 进行版本控制，所以我想知道是否有办法在我的前端代码中加载 Heroku 配置变量（通过 heroku config:set SOME_VAR=1 设置）？

谢谢！

Answer 1

我个人喜欢在 Heroku 中添加环境变量，方法是使用 settings-> Config Vars -> Reveal config vars 然后设置 KEY VALUE 对。

如果你想在 JS 中访问这些环境变量，这里有一些来自 Gatsby 文档的内容

除了 .env.* 文件之外，环境中以 GATSBY_ 为前缀的任何变量都将在浏览器 JavaScript 中可用。

参考：https://www.gatsbyjs.org/docs/environment-variables/

1. 我会进入 Heroku 设置并将 GATSBY_ASSETS_URL 添加到我的 KEY 和 http://s3.amazonaws.com/bucketname 作为 VALUE。
2. 然后在我的代码中我将有一个.env.development 和下面的行GATSBY_ASSETS_URL=http://s3.amazonaws.com/dev/bucketname。
3. 在 JS 中使用我的环境变量

render() { return ( <div> <img src={`${process.env.GATSBY_ASSETS_URL}/logo.png`} alt="Logo" /> </div> ) }