Firebase Security Rules本地正常，部署至Vercel后失效求助

核心原因分析 #

你遇到的net::ERR_BLOCKED_BY_CLIENT错误结合Firestore规则校验失效的情况，大概率是浏览器插件拦截了Firestore的认证相关请求，或者生产环境下用户认证状态未正确传递到Firestore请求中导致规则校验失败，进而触发客户端拦截。

具体解决步骤 #

• 排查浏览器插件：暂时禁用广告拦截器（如AdBlock、uBlock Origin）、隐私保护类插件（如Privacy Badger），这类插件常误判Firestore的实时连接请求（即你报错的Write/channel接口）为追踪请求进行拦截，尤其是当请求携带用户认证信息时。
• 确保认证状态稳定后再发起请求：在前端代码中，必须确认用户已完成登录（firebase.auth().currentUser不为null）后再执行Firestore的写操作，建议通过onAuthStateChanged监听认证状态变化，在状态稳定后再触发写逻辑，避免在auth状态未初始化完成时发起请求：

  firebase.auth().onAuthStateChanged(user => {
    if (user) {
      // 这里执行Firestore的create/delete/update操作
    } else {
      // 提示用户登录
    }
  });
  

• 验证Firestore规则有效性：使用Firebase控制台的规则模拟器，模拟携带auth.uid的写请求，确认规则是否正常生效。如果模拟器中规则有效，那问题肯定出在前端认证状态的传递上。
• 检查生产环境的认证持久化设置：在初始化Firebase Auth时，明确设置持久化策略，确保用户会话在页面刷新后保持：

  firebase.auth().setPersistence(firebase.auth.Auth.Persistence.LOCAL)
    .then(() => {
      // 初始化其他Firebase服务
    });
  

• 确认Vercel站点的HTTPS配置：Firebase Auth在生产环境要求使用HTTPS，Vercel默认会配置HTTPS，但要确保你的站点没有强制HTTP访问的设置，否则auth信息无法安全传递，导致request.auth为null，触发规则校验失败。

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