如何處理 CORS 錯誤，同時在 vue 項目中獲取 firebase 實時數據庫 API？

Question

我正在使用 vue-2。並且想通過獲取 API 對 firebase 實時數據庫進行淺查詢。但是在開發服務器上運行時，它顯示 CORS 被阻止。 我應該怎么辦？ PS：我也在用vuefire

created(){
    var apiUrl = 'https://console.firebase.google.com/u/4/project/enajori-45094/database/enajori-45094/data/Admin/Data%20Collection/Paying%20Guest';
    fetch(apiUrl).then(response => {
      return response.json();
    }).then(data => {
      console.log(data);
    }).catch(err => {
        console.log(err);
    });
}

我收到 Cors 錯誤

Answer 1

Firebase REST-Api僅對HTTPS-Requests做出反應。 如果您的本地主機沒有啟用 SSL，無論您嘗試什么，您的請求都將失敗。 URI還需要以表名結尾，例如something.json

你真的應該使用 Firebase SDK - 這是更順暢的方式。

Answer 2

我完全不清楚為什么要使用 URL 到Firebase 控制台來訪問數據庫。 控制台 URL 供人使用，而不供程序使用。

您應該使用提供的 javascript SDK 來訪問數據。 它將自動為您解決 CORS 問題，並為您提供一種更清晰的數據讀寫方式。 如果您無法使用 SDK，您可以隨時嘗試撥打 REST API 。 根本不要依賴那些控制台 URL。