React调用getDoc()报Firebase权限不足错误如何解决

你遇到的Missing or insufficient permissions错误，按以下顺序排查即可定位解决：

• 读取路径与安全规则覆盖路径不匹配
  你当前配置的安全规则仅开放了/devices/{id}路径下文档的读、更新权限，但你代码中读取的是chargerInfo.userRef指向的文档，先在读取操作前加一行日志打印实际请求路径：

  console.log("当前读取文档路径：", chargerInfo.userRef.path)
  

  如果打印出来的路径不是devices/xxx格式（比如是users/xxx、profiles/xxx这类其他集合路径），说明当前规则根本没覆盖你要读的文档位置。Firebase安全规则默认全量拒绝，只要请求路径没匹配到允许规则就会直接报错，你需要给实际读取的集合补充对应权限规则即可，例如读取users集合的话补充如下规则：

  match /users/{userId} {
    allow read, update: if request.auth != null;
  }
  

• 请求发起时未携带有效登录态
  你的规则要求登录用户才能访问（request.auth != null），如果在Firebase Auth还没完成初始化、还没恢复本地持久化的登录状态时就发起读请求，此时request.auth为null，会直接触发权限拒绝。
  不要在组件刚挂载就直接发起数据请求，先监听登录状态，确认拿到有效用户凭证后再执行读操作：

  import { getAuth, onAuthStateChanged } from "firebase/auth";
  const auth = getAuth();
  onAuthStateChanged(auth, async (user) => {
    if (user) {
      // 确认已登录再执行数据读取
      let userInfo = await getDoc(doc(db, chargerInfo.userRef));
    }
  });
  

• 安全规则未成功生效
  编辑完安全规则后需要确认点击了「发布」按钮，规则发布后通常需要1~2分钟全量生效，刚发布完立刻请求可能还是走的旧规则逻辑。可以去Firebase控制台的规则页面，确认当前线上生效的规则版本和你编辑的最新版本一致。
• API密钥权限配置异常
  如果你的Firebase Web API密钥在Google云控制台配置了严格的HTTP来源限制、或者禁用了Firestore相关API的访问权限，会导致请求无法正常携带鉴权信息触发权限错误，可以临时放开密钥限制测试，确认是密钥问题后再调整对应访问配置即可。

注意：Firebase安全规则不会做跨路径的权限继承，哪怕你给上层路径配了权限，子集合的文档也需要单独配置匹配规则才可以访问。

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