Firebase getRedirectResult在Firefox、Safari返回null，Chrome正常求助

问题场景 #

使用Firebase的signInWithRedirect实现谷歌认证（无法使用signInWithPopup），登录触发代码如下：

loginUser() {
  const provider = new GoogleAuthProvider();
  const auth = getAuth();
  signInWithRedirect(auth, provider)
}

在index.js中通过getRedirectResult监听谷歌认证响应：

getRedirectResult(auth)
  .then(async (res) => {
    if (res && res.user) {
      const isAuthorized = await isUserAuthorized(res.user);
      if (isAuthorized) {
        console.log("User authorized");
        router.push("/");
      } else console.log("User not authorized");
    } else {
      console.log("User not authenticated");
    }
  })
  .catch((error) => {
    console.error(error);
  });

该逻辑在Chrome中正常运行，但在Firefox和Safari中，getRedirectResult返回的res始终为null，无错误抛出，Firebase或谷歌IAM API也未出现40X/50X错误。观察到Firebase auth域的两个iframe始终处于加载状态，未调用谷歌的accounts:signInWithIdp接口。已在Safari和Firefox中允许跨站追踪并移除所有内容拦截器，但问题依旧。

解决方案 #

1. 检查Firebase授权域配置 #

登录Firebase控制台，进入「Authentication」→「设置」→「授权域」，确认已添加你的网站域名（包括本地开发域名如http://localhost:3000）。Firefox和Safari对跨域权限校验更严格，未授权的域名会直接阻止iframe加载。

2. 调整Safari第三方Cookie设置 #

Safari默认严格限制第三方Cookie，即使开启跨站追踪，仍可能阻止Firebase Auth的iframe获取必要认证数据：

• 引导用户在Safari「设置」→「隐私与安全性」→「Cookie和网站数据」中选择「允许来自第三方和广告商的Cookie」；
• 若网站使用HTTPS，可在服务端设置Cookie的SameSite=None; Secure属性，确保跨域场景下Cookie正常传递。

3. 延迟调用getRedirectResult #

页面加载完成时Firebase Auth可能尚未初始化完成，提前调用getRedirectResult会导致无法获取重定向结果。可将其放在onAuthStateChanged监听之后执行：

const auth = getAuth();

auth.onAuthStateChanged((user) => {
  if (user) {
    // 用户已登录，直接校验权限
    isUserAuthorized(user).then(isAuthorized => {
      if (isAuthorized) router.push("/");
    });
  } else {
    // 未登录状态下获取重定向结果
    getRedirectResult(auth)
      .then(async (res) => {
        if (res && res.user) {
          const isAuthorized = await isUserAuthorized(res.user);
          if (isAuthorized) {
            console.log("User authorized");
            router.push("/");
          } else console.log("User not authorized");
        } else {
          console.log("User not authenticated");
        }
      })
      .catch((error) => {
        console.error(error);
      });
  }
});

4. 升级Firebase SDK版本 #

旧版本Firebase SDK可能存在浏览器兼容性问题，执行以下命令升级到最新版：

npm install firebase@latest

5. 配置内容安全策略（CSP） #

若网站设置了CSP，需确保允许加载Firebase Auth相关域名，在CSP规则中添加：

frame-src https://*.firebaseapp.com https://*.googleapis.com https://accounts.google.com;
script-src https://*.firebaseapp.com https://*.googleapis.com;

避免CSP阻止iframe及相关脚本的加载。

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