Я пытаюсь использовать FireBase в приложении. Тем не менее, я пытаюсь отобразить маршруты на основе статуса аутентификации пользователя, но по какой-то причине firebase сообщает мне, что пользователь вошел в систему, а пользователь - нет. Вот мой магазин / index. js файл. Я использую vuex.
getRoutes (state) {
let mRoutes = []
firebase.auth().onAuthStateChanged(function (User) {
if (User) {
console.log('Not loggedin')
mRoutes = state.authenticatedUserRoutes
} else {
console.log('Loggedin' + mRoutes)
mRoutes = state.unAuthenticatedUserRoutes
}
})
return mRoutes
}
Я уже запустил firebase в главном файле. js, как показано ниже
import * as firebase from 'firebase'
import Vue from 'vue'
import App from './App.vue'
import './registerServiceWorker'
import router from './router'
import store from './store'
import vuetify from './plugins/vuetify'
Vue.config.productionTip = false
new Vue({
router,
store,
vuetify,
created () {
firebase.initializeApp({
apiKey: '#################',
authDomain: '######################',
databaseURL: '######################',
projectId: '######################',
storageBucket: '######################',
messagingSenderId: '######################',
appId: '######################',
measurementId: 'G-SEPRYKF81S'
})
},
render: h => h(App)
}).$mount('#app')