防火墙存储错误: 404 - ACCESS_BUCKET

Question

我试图上传一个图像到Firebase存储。当我试图上传图像时，我得到了404错误，但是我已经在firebase中创建了存储空间。

Firebase npm版本：firebase": "^7.24.0

错误：

code: 404
message: "Not Found.  Could not access bucket \"<project>.appspot.com\""
status: "ACCESS_BUCKET"

储存规则：

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

火源初始化：

const app = firebase.initializeApp({
  apiKey: process.env.REACT_APP_FIREBASE_KEY,
  authDomain: process.env.REACT_APP_FIREBASE_DOMAIN,
  projectId: process.env.REACT_APP_FIREBASE_PROJECT_ID,
  storageBucket: process.env.REACT_APP_FIREBASE_STORAGE_BUCKET,
  messagingSenderId: process.env.REACT_APP_FIREBASE_SENDER_ID,
  appId: process.env.REACT_APP_FIREBASE_APP_ID,
  measurementId: process.env.REACT_APP_FIREBASE_MEASUREMENT_ID
});

export const analytics = app.analytics();
export const storage = firebase.storage();
export default app;

服务JS：

export async function uploadImageCloud(image){
    const storageRef = storage.ref("image/" + image.name);
    return storageRef.put(image);
}

上传功能：

function uploadImage(){
        setDataImageUploading(true);
        uploadImageCloud(getDataImage).then((data)=>{
            console.log(data);
            setDataImageUploading(false);
        }).catch((e)=>{
            console.log(e);
            setDataImageUploading(false);
        });
    }

知道我在哪里搞砸了吗？

Answer 1

我也遇到了同样的问题，最后我发现传递给initializeApp的initializeApp值是非常敏感的数据。它应该是，在顶部文件中准确地桶名(没有gs://)：

​

​

例如，在这个项目中，它是steem-engine-dex.appspot.com。

const app = firebase.initializeApp({
  //...
  storageBucket: process.env.REACT_APP_FIREBASE_STORAGE_BUCKET,
  //...
});

重要：

• storageBucket是区分大小写的。例如steem-engine-dex.appSpot.com是无效的，

• storageBucket在开始或结束时不应该包含任何额外的空间。例如steem-engine-dex.appspot.com和steem-engine-dex.appspot.com是无效的