Firebase Storage上传报无权限 规则配置正确且已登录鉴权

你遇到的Firebase Storage: User does not have permission报错，核心问题是你配置的安全规则属于Cloud Firestore云数据库，没有配置Cloud Storage云存储对应的安全规则。Firebase各服务的安全规则是独立生效的，默认状态下Storage仅允许项目所有者读写，哪怕你已经完成Firebase Authentication登录，也没有上传权限。

• 配置正确的Storage安全规则
  进入Firebase控制台的Storage板块，打开「规则」标签页，将原有默认规则替换为以下内容后发布：

rules_version = '2';
service firebase.storage {
  match /b/{bucket}/o {
    match /{allPaths=**} {
      allow read, write: if request.auth != null;
    }
  }
}

该规则逻辑为：所有已完成登录的认证用户，都拥有存储桶内所有文件的读写权限，适合本地开发阶段使用。正式上线前建议收紧权限，比如限制用户仅能操作个人目录下的文件，避免恶意上传占用资源。

• 等待规则生效
  规则发布后通常需要1-2分钟同步生效，不要修改完立刻测试，稍等片刻再尝试上传。

• 排查其他潜在问题

  • 核对初始化配置：确认Firebase初始化代码中storageBucket字段值和控制台显示的存储桶名称完全一致，标准格式为[你的项目ID].appspot.com，不要漏写、错写字符。
  • 校验上传时的登录态：在上传函数开头增加登录态校验，避免登录态未加载完成时就触发上传请求，可以参考以下修改：

const handleUpload = () => {
  // 校验当前是否存在有效登录态
  if (!auth.currentUser) {
    alert("请登录后再上传图片");
    return;
  }
  const uploadTask = storage.ref(`images/${image.name}`).put(image);
  uploadTask.on(
    "state_changed",
    (snapshot) => {
      const progress = Math.round(
        (snapshot.bytesTransferred / snapshot.totalBytes * 100)
      );
      setProgress(progress);
    },
    (error) => {
      console.log(error);
      alert(error.message);
    },
    () => {
      storage
        .ref("images")
        .child(image.name)
        .getDownloadURL()
        .then(url => {
          db.collection("posts").add({
            timestamp: firebase.firestore.FieldValue.serverTimestamp(),
            caption: caption,
            imageUrl: url,
            username: username
          });

          setProgress(0);
          setCaption("")
          setImage(null);
        })
    }
  )
}

你之前配置的Firestore规则仅对云数据库的文档读写操作生效，对云存储、云函数等其他Firebase服务没有任何约束效力，配置规则时要注意进入对应服务的规则页面修改，不要跨服务错配。

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