时间戳

首页 > 解决方案 > 如何在 vue 项目中获取 firebase 实时数据库 API 时处理 CORS 错误？

javascript - 如何在 vue 项目中获取 firebase 实时数据库 API 时处理 CORS 错误？

问题描述

我正在使用 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 错误

标签： javascriptapivue.jsfirebase-realtime-databasecors

解决方案

FirebaseREST-Api仅对HTTPS-Requests. 如果您的本地主机没有启用 SSL，无论您尝试什么，您的请求都将失败。URI还需要以表的名称结尾，例如something.json

你真的应该使用 Firebase SDK - 这是更顺畅的方式。

推荐阅读