Heroku配置vars和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

我个人喜欢通过使用settings-> Config Vars-> Reveal config vars然后设置KEY VALUE对在Heroku中添加env变量。

如果您想访问JS中的这些env变量，请参见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> ) }