React+Redux项目Firebase v9的signInWithPopup谷歌登录弹窗无法访问如何解决

修复方案 #

• 首先检查Firebase控制台授权域名配置：打开Firebase控制台 -> 进入你的项目 -> 选择「Authentication」-> 点击「设置」选项卡 -> 找到「授权网域」列表，将你当前项目运行的域名（比如本地开发的localhost:3000、线上部署的域名）添加到列表中，这是该问题最常见的诱因。
• 核对Firebase配置参数：确认你代码里config对象的authDomain值和Firebase控制台给出的项目配置完全一致，格式应为<你的项目ID>.firebaseapp.com，不要遗漏或错填字符。
• 检查运行环境协议：生产环境部署的站点必须使用HTTPS协议才能正常触发Firebase谷歌登录，仅本地localhost环境支持HTTP调试。
• 排查本地网络问题：如果你使用了代理/翻墙工具，可能是网络规则拦截了谷歌认证弹窗的请求，可尝试关闭代理或切换网络环境后重试。
• 临时替代验证：如果上述步骤都确认无误，可先将signInWithPopup替换为signInWithRedirect测试登录流程，排除弹窗本身的兼容性问题。

内容的提问来源于stack exchange，提问作者χerфmiи