我按照以下步骤隐藏Google Api Key的步骤：

  • 创建.env文件并将我的密钥放在那里：

REACT_APP_GOOGLE_API_KEY = my_key

  • 将'.env.local'添加到我的.gitignore文件中

  • 使用它：

const API_KEY = ${process.env.REACT_APP_GOOGLE_API_KEY}

我提出的请求是通过Google地理位置API：

https://maps.googleapis.com/maps/api/geocode/json?latlng=${lat},${lng}&key=${API_KEY}`

当我在localhost时它可以工作，但是当我将它部署到heroku时，对Google URL的请求不起作用，这意味着我的 API_KEY 在部署到heroku时不起作用 . 我搞乱了一些步骤，还是heroku需要时间来完全加载我的环境变量？

我真的很感激任何帮助 .

javascript reactjs heroku api-key