페이지 새로고침 시 Nuxtjs, VUEX 및 Firebase 인증

페이지 새로고침 시 Nuxtjs, VUEX 및 Firebase 인증

Nuxt 어플리케이션에서 Firebase 인증을 사용하고 있는데 Store에서 사용자 로그인 상태를 유지하는 좋은 방법을 찾을 수 없습니다.

스토어에 비동기 액션을 디스패치하여 사용자를 로그인하고 있습니다.사용자가 브라우저를 새로 고치면(새로고침), 사용자는 내 앱에서 로그아웃되지만 (로그아웃하지 않았기 때문에) Firebase에서 로그인한 상태로 유지됩니다.제한된 페이지를 보고 특정 작업을 수행하려면 사용자가 내 앱에 다시 로그인해야 하기 때문에 문제가 됩니다.

NuxtServerInit(모듈 모드를 사용하고 있는 index.js 스토어에서)에서 사용자를 취득하려고 했습니다.

firebase.auth().currentUser

그러나 null을 반환하고 다음 내용을 들으려고 했습니다.

firebase.auth().onAuthStateChanged((user)

그러나 null도 반환됩니다.

사용자가 현재 로그인하고 있는지 확인하기 위해 미들웨어를 작성하려고 했지만 null도 반환됩니다.

이전 Vue 프로젝트에서는 main.js 파일의 created-hook에서 다음과 같이 실행할 수 있었습니다.

new Vue({
  router,
  store,
  render: h => h(App),
  created () {
    firebase.auth().onAuthStateChanged((user) => {
      if (user) {
        store.dispatch('autoSignIn', user)
      }
    })
  }
}).$mount('#app')

하지만 내 Nuxt 어플리케이션에서도 같은 방법을 찾을 수 없습니다.

사용자가 로그인한 상태로 문제를 해결할 수 있는 방법을 알려주시면 감사하겠습니다.

언급URL : https://stackoverflow.com/questions/52740070/nuxtjs-vuex-and-firebase-authentication-on-page-reload