Firebase/Firestore与React集成时遇权限不足错误求助

这个错误的核心原因是Firestore安全规则限制了你的应用访问数据库，和你提供的React代码、Firebase初始化代码无关（你的代码逻辑是正确的）。

为什么会出现这个错误？ #

新建Firestore数据库时，默认规则会完全禁止任何未授权的读写操作，默认规则如下：

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write: if false;
    }
  }
}

这种规则是为了防止数据库被公开访问，但开发阶段需要临时调整来测试功能。

解决步骤 #

1. 开发环境临时调试规则（仅限开发用）

将规则修改为允许临时访问（建议加时间限制，避免上线后忘记修改）：

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write: if request.time < timestamp.date(2025, 1, 1);
    }
  }
}

2. 生产环境安全规则配置

如果你的项目需要用户登录后访问数据，结合Firebase Auth设置规则，比如：

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    // 允许登录用户读取recipe-app集合
    match /recipe-app/{doc} {
      allow read: if request.auth != null;
      // 仅允许文档创建者修改自己的内容
      allow write: if request.auth.uid == resource.data.userId;
    }
  }
}

修改规则的操作路径 #

1. 打开Firebase控制台，进入你的项目
2. 选择Firestore数据库，切换到「规则」标签页
3. 替换规则内容后点击「发布」

修改完成后，你的React应用就能正常访问Firestore数据了。

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