Firebase存储下载图像CORS错误[JavaScript]

问题描述 投票:0回答:1

当我运行下面的代码时,我收到了CORS错误,任何帮助将不胜感激。谢谢我在StackOverflow的此主题中尝试了一些答案,但没有任何帮助。

// Your web app's Firebase configuration
var firebaseConfig = {
    apiKey: "**********",
    authDomain: "********",
    databaseURL: "********",
    projectId: "********",
    storageBucket: "********",
    messagingSenderId: "********",
    appId: "********",
    measurementId: "********"
};

// Initialize Firebase
firebase.initializeApp(firebaseConfig);

var storage = firebase.storage();
var storageRef = storage.ref('image');
var starRef = storageRef.child('image1.jpg');

starRef.getDownloadURL().then(url => {
    console.log(url);
})

enter image description here

javascript firebase cors firebase-storage
1个回答
1
投票

您对Firebase的调用应在服务器端进行。您的服务器充当一种传递。 2个原因:

  1. 浏览器阻止您从您自己的服务器以外的任何服务器获取数据
  2. 为了从客户端调用Firebase,您必须在客户端拥有凭据,这是非常危险的。

因此从客户端调用/images/image1.jpg

然后从服务器调用Firebase,然后将image1发送回浏览器。

很多工作,但这是正确的方法。

© www.soinside.com 2019 - 2024. All rights reserved.