如何处理 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。