部署到 Firebase 托管的 Nuxt 3 应用程序中 FirebaseError 身份验证/登录被阻止

Question

我有一个使用 Firebase 身份验证的 Nuxt 3 应用程序，已部署到 Firebase 托管。尝试登录时，我收到以下错误：

FirebaseError: Firebase: Error (auth/login-blocked).

在浏览器控制台中，我看到以下错误：

POST https://nuxt-vuefire-2576f.web.app/api/__session 404

Firebase Auth 使用的 __session 端点似乎返回 404。

我有：

• 在 Firebase 控制台中启用域
• 启用 IAM 服务账户凭证 API

身份验证在本地有效，但在部署时无效。

我注意到其他一些人在这里报告了这个问题（但尚未解决）： https://github.com/vuejs/vuefire/issues/1408

这里有一个现场演示显示了这个问题。

检查浏览器控制台，您将看到 api 会话错误。此外，尝试登录，您会看到登录问题。

非常感谢任何帮助！

Answer 1

现在，我必须删除 VueFire 包。问题消失了。

Answer 2

很可能是因为您在使用节点运行生产模式时没有传递 GOOGLE_SERVICE_ACCOUNT 环境变量。生产模式不会读取 .env 文件，您需要手动在您的环境中导出此变量。

还要确保您没有任何服务器中间件拒绝此路由。