在react-app中隐藏Api密钥在localhost中有效，但在heroku中无效

Question

我按照以下步骤执行了隐藏Google Api密钥的步骤：

1. 创建一个.env文件，并将我的密钥放在其中：

   REACT_APP_GOOGLE_API_KEY =我的密钥

2. 在我的.gitignore文件中添加“ .env.local”

3. 使用它：

   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}`

当我在本地主机中时它可以工作，但是当我将其部署到heroku时，对Google URL的请求将不起作用，这意味着我的API_KEY在部署到heroku时将不起作用。我是在弄乱一些步骤，还是heroku完全加载我的环境变量需要花费时间？

我将非常感谢您的帮助。