Next.js-Firebase应用本地谷歌登录正常，部署Heroku后弹窗闪失失效求助

• 检查Firebase授权域配置
  登录Firebase控制台，进入项目的「Authentication」>「设置」>「授权域」，确保Heroku应用的域名（比如xxx.herokuapp.com）已添加到列表里。本地开发的localhost默认会被包含，但线上域名必须手动添加，添加后保存再测试登录。

• 确认Firebase环境变量配置正确
  部署到Heroku时，所有Firebase相关的环境变量（比如NEXT_PUBLIC_FIREBASE_API_KEY、NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN这类）都要在Heroku的「Settings」>「Config Vars」里准确配置，变量名要和本地.env.local里的完全一致，尤其是带NEXT_PUBLIC_前缀的——没有这个前缀的变量客户端读不到。可以通过Heroku控制台的「More」>「Run console」输入printenv查看变量是否加载正常。

• 检查谷歌登录的回调URL配置
  打开Firebase控制台的「Authentication」>「登录方法」>「谷歌」，确认「授权重定向URI」里包含Heroku应用的回调地址，格式一般是https://xxx.herokuapp.com/__/auth/handler。如果没这个地址，点击「添加URI」补上后保存。

• 排查Next.js的SSR/SSG初始化问题
  如果用了服务端渲染（SSR），要保证Firebase客户端初始化只在浏览器环境执行，避免服务端初始化导致认证异常。可以加个判断：

import { initializeApp, getApps } from "firebase/app";

const firebaseConfig = {
  apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
  authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,
  // 其他必要配置项
};

let app;
if (typeof window !== 'undefined' && !getApps().length) {
  app = initializeApp(firebaseConfig);
}

• 清除浏览器缓存和Cookie
  部署后浏览器可能缓存了旧的认证配置，试试清空缓存、删除相关Cookie，或者用无痕模式打开应用测试登录。

• 查看Heroku日志定位错误
  登录Heroku控制台，通过「More」>「View logs」查看日志，或者本地终端执行heroku logs --tail实时监控。重点找认证相关的错误，比如跨域问题、API密钥错误、重定向URI不匹配等，这些日志能直接帮你定位问题。

内容的提问来源于stack exchange，提问作者daniel-e