React Native(Expo)上传Firebase Storage头像遇权限不足错误求助

算力阿峰

2026-6-28

解决Firebase Storage上传头像时的Missing or insufficient permissions错误

1. 核心问题：存储路径与安全规则不匹配

你的代码中上传文件的路径是：

`users/${user.uid}/profilePictures/${imageName}`

但Firebase Storage的安全规则匹配的路径是：

match /profile/{userId}/profile-pic/{allPaths=**}

两者的路径结构完全不一致（users vs profile，profilePictures vs profile-pic），导致规则无法匹配当前上传操作，触发权限拒绝错误。

修正方案二选一：

方案A：修改代码中的存储路径，适配现有规则

将uploadImageToStorage里的路径改为规则匹配的结构：

const storageRef = ref(
    storage,
    `profile/${user.uid}/profile-pic/${imageName}`
);

同时更新删除头像的路径：

const storageRef = ref(
    storage,
    `profile/${user.uid}/profile-pic/profile-picture-${user.uid}`
);

方案B：修改安全规则，适配代码中的路径

更新规则为：

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

2. 额外验证：确保用户已登录

在上传前添加用户登录状态检查，避免auth.currentUser为null的情况：

const uploadImageToStorage = async (uri) => {
    const user = auth.currentUser;
    if (!user) {
        console.error("用户未登录，无法上传头像");
        alert("请先登录");
        return;
    }
    // 后续原有代码...
};