MERN：'Invalid API Key' Heroku 部署？

Question

如何让 Firebase Auth 在 Heroku Deployment 上工作？

Auth 在 MERN 应用程序的本地开发中没有任何问题。所有私人信息都存储在一个 .env 文件中，然后在我的 React 应用程序中使用 process.env.VARIABLE_NAME.

调用

但是，当我部署到 Heroku 生产环境并添加 env 文件时 here，我收到错误消息：“您的 API 密钥无效，请检查您是否已正确复制它”

这是我部署的 Heroku 应用程序：https://evening-fortress-01391.herokuapp.com/login

REACT_APP_FIREBASE_API_KEY=XXXXXXXX
REACT_APP_FIREBASE_AUTH_DOMAIN=XXXXXXXX
REACT_APP_FIREBASE_PROJECT_ID=XXXXXXXX
REACT_APP_FIREBASE_STORAGE_BUCKET=XXXXXXXX
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=XXXXXXXX
REACT_APP_FIREBASE_APP_ID=XXXXXXXX

此外，运行命令 heroku config 在终端中显示输入的环境变量。

知道为什么 Auth 在本地有效但在部署中无效吗？谢谢！

Answer 1

回复，因为评论太长了。

听起来超级难调试——而且你的应用程序只显示登录名而不是 API 键错误 =) 对我来说，这听起来就像它说的那样，一个不正确的 API 键或格式问题。

我会使用与您的 API 键相同的字符（例如 REACT_APP_FIREBASE_POTATO=p07470-test-example-foooobar）创建一个测试配置变量，然后在您的前端应用程序中只使用 console.log("TEST" + process.env.REACT_APP_FIREBASE_POTATO);。然后发布并在生产中检查它。

此测试是环境变量是否正常工作，是否存在一些字符编码问题（您是否在控制台中看到了您应该看到的确切字符）

MERN：'Invalid API Key' Heroku 部署？

MERN: 'Invalid API Key' Heroku Deployment?

javascript

heroku

node.js

reactjs