nuxtのmiddlewareなどサーバー側の処理だとonAuthStateChangedの返り値がnullになる

Question

いくつか同じような質問もあったのですがどの方法も解決に至らず。。。

下記の順序でnuxtでfirebaseのauthを使おうと思っています。

• layoutsのmethodsでfirebase.auth().signInWithRedirect(new firebase.auth.TwitterAuthProvider()を発火
• middlewareでonAuthStateChangedでログイン情報を受け取り、user情報をいれる

このときなぜかonAuthStateChangedで帰ってくる値がnullです。createdに書くとユーザー情報が返ってきます。middlewareに記述してユーザー情報を返す方法あるでしょうか？

layoutsのcreatedでonAuthStateChangedを書いたらuser情報が取得できるのでfirebaseのユーザー情報はログイン状態になっていると思われます。

Answer 1

ちょっと遅く回答しますのでお忘れだったり自己解決されているかもしれませんが、
私も同じ状況になっています。根本的な解決策ではありませんが、
認証したいページに

  mounted: function(){
    firebase.auth().onAuthStateChanged(user => {
    if (user) {
        console.log('login')
      } else { 
        console.log('logout')
      } 
    }); 

  },

};

とすれば正常に動きます。middlewareは早い段階で発火するのでVuexをお使いならstoreを呼び出す前に発火するのかもしれません。

Comments

[you88]

ありがとうございます！解決しました！