Firebase 存储下载图像 CORS 错误 [JavaScript] [重复]答案

【问题标题】：Firebase Storage Downloading Image CORS error [JavaScript] [duplicate]Firebase 存储下载图像 CORS 错误 [JavaScript] [重复]
【发布时间】：2020-06-13 02:06:03
【问题描述】：

当我运行下面的代码时，我得到了 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);
})

【问题讨论】：

标签： javascript firebase cors firebase-storage

【解决方案1】：

您对 Firebase 的调用应该在服务器端完成。您的服务器充当一种传递。 2 个原因：

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

所以从客户端调用/images/image1.jpg

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

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

【讨论】：