Как обработать ошибку CORS при загрузке firebase realtime database API в проекте vue?

#javascript #api #vue.js #firebase-realtime-database #cors

#javascript #API #vue.js #firebase-realtime-database #cors

Вопрос:

Я использую vue-2.И хотите выполнить неглубокий запрос к базе данных firebase в реальном времени, выбрав API.Но при запуске на сервере разработки CORS отображается заблокированным. Что мне делать? PS: Я также использую vuefire

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

Я получаю ошибку Cors

Комментарии:

1. При переполнении стека не показывайте изображения кода и текста. Скопируйте текст в вопрос и отформатируйте его так, чтобы его было легко читать, копировать и искать.

Ответ №1:

Firebase REST-Api реагирует только на HTTPS-Requests . Если на вашем локальном хосте не включен SSL, ваши запросы будут завершаться ошибкой, независимо от того, что вы пытаетесь. URI Также необходимо заканчивать именем таблицы, например something.json

И вы действительно должны использовать Firebase SDK — это более плавный способ.

Комментарии:

1. Спасибо, я не знал об этом. часть json

Ответ №2:

Мне совершенно непонятно, почему вы хотели бы использовать URL-адрес консоли Firebase для доступа к базе данных. URL-адреса консоли предназначены для использования человеком, а не для программ.

Для доступа к данным следует использовать предоставленный javascript SDK. Он автоматически решит проблемы CORS и предоставит вам гораздо более чистый способ чтения и записи данных. Если вы не можете использовать SDK, вы всегда можете попробовать REST API. Просто не зависите от этих URL-адресов консоли вообще.

Комментарии:

1. Спасибо за ответ. Вы всегда готовы прийти на помощь. Я хотел, чтобы это было сделано для выполнения неглубокого запроса, в любом случае, я решил проблему. Возникла проблема с URL-адресом, который также ошибочно не был добавлен . json в конец URL