页面刷新后Firebase Auth状态异常：前端已认证但Firestore规则验证失败

核心原因 #

页面刷新后，Firebase Auth会优先从浏览器本地存储加载缓存的用户会话，此时onAuthStateChanged会立即触发并返回用户对象，但这个用户的认证令牌尚未完成后端有效性验证，甚至可能已过期。当你此时发起Firestore查询时，请求携带的令牌无法通过后端校验，导致Firestore安全规则中request.auth为null，最终触发权限拒绝。

你调用的user.reload()仅会重新加载用户的基本信息（如邮箱、显示名），并不会强制刷新或验证认证令牌，因此无法解决这个问题。

解决方案 #

修改状态监听逻辑，等待认证令牌完成有效验证后再发起Firestore查询，推荐两种方式：

方式1：强制刷新并验证令牌

使用user.getIdToken(true)强制刷新令牌，确保会话已通过后端验证：

onAuthStateChanged(sharedFirebaseAuth, async (user) => {
  if(user){
    // 强制刷新令牌，等待后端验证完成
    await user.getIdToken(true);
    requestDocs();
  }
})

方式2：监听令牌状态变化

改用onIdTokenChanged监听，这个回调会在令牌刷新或验证完成后触发，比onAuthStateChanged更适合依赖有效令牌的操作：

onIdTokenChanged(sharedFirebaseAuth, async (user) => {
  if(user){
    requestDocs();
  }
})

额外检查点 #

• 确认browserLocalPersistence已正确设置，本地存储中能看到Firebase Auth相关的会话数据
• 检查用户账号是否被禁用或令牌是否因其他原因失效（可在Firebase控制台的认证面板查看用户状态）

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