polyak-y
@polyak-y
Js, React.js,Vue.js,css

Почему не могу получить данные от firebase?

Доброго времени суток. Использую во vue проекте firebase 9 версии. Авторизация работает нормально. Создал базу данных, а получить с нее ничего не могу. Ниже подключение к базе данных, код взял с оф. док-тов.
<script>
import { onMounted } from 'vue'
import { getDatabase, ref, child, get } from "firebase/database";

    export default {
        setup() {
            onMounted(() => {
                const dbRef = ref(getDatabase());                

                get(child(dbRef, 'users')).then((snapshot) => {
                    if (snapshot.exists()) {
                        console.log(snapshot.val());
                    } else {
                        console.log("No data available");
                    }
                }).catch((error) => {
                    console.error(error);
                });
            })
        }
    }
</script>

Ответа нет, ни положительного ни отрицательного. Ошибок нет и консолей тоже нет. В чем дело понять не могу.
Вот подключение firebase к проекту в main.js, повторюсь авторизация работает нормально.
import { createApp } from 'vue'
import App from './App.vue'
import router from "./router";
import { initializeApp } from "firebase/app";


const firebaseConfig = {
    apiKey: "xxx",
    authDomain: "vue-indus.firebaseapp.com",
    projectId: "vue-indus",
    storageBucket: "vue-indus.appspot.com",
    messagingSenderId: "197680328259",
    appId: "1:345345345:web:bd62cab0215363c71eaef6"
};
  
initializeApp(firebaseConfig);


const app = createApp(App)
app.use(router)
app.mount('#app')

и вот как выглядит база данных
6420706252577081694845.png
  • Вопрос задан
  • 49 просмотров
Решения вопроса 1
polyak-y
@polyak-y Автор вопроса
Js, React.js,Vue.js,css
Невнимательно прочитал документы в первый раз. Проблема была в настройке конфигурации. Для Realtime Database в конфигурации забыл указать ссылку на базу данных, и получить ссылку на сервис
import { initializeApp } from "firebase/app";
import { getDatabase } from "firebase/database";

// TODO: Replace the following with your app's Firebase project configuration
// See: https://firebase.google.com/docs/web/learn-more#config-object
const firebaseConfig = {
  // ...
  // The value of `databaseURL` depends on the location of the database
  databaseURL: "https://DATABASE_NAME.firebaseio.com",
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);


// Initialize Realtime Database and get a reference to the service
const database = getDatabase(app);
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы