Firebase项目Google登录报Illegal url for new iframe错误如何解决

问题原因 #

触发Uncaught Error: Illegal url for new iframe报错的核心问题是你Firebase初始化配置中的authDomain字段填写错误：你额外添加了https://协议前缀，Firebase Auth SDK生成登录弹窗iframe地址时会自动拼接协议，重复的协议会导致生成非法URL。

修复方案 #

将你初始化部分的authDomain值修改为不带协议的纯域名即可，修改后的代码如下：

firebase.initializeApp({
 apiKey: '***',
 // 去掉https://前缀，只保留域名部分
 authDomain: '***.firebaseapp.com',
 projectId: '***'
});

其他排查项 #

• 确认你当前运行项目的域名已经添加到Firebase控制台「Authentication」-「设置」-「已授权的网域」列表中
• 本地开发时需要将localhost加入授权网域列表
• 核对所有配置项和Firebase控制台项目设置中给出的默认配置完全一致，不要自行增减内容

内容的提问来源于stack exchange，提问作者ATMYDN