事象

ログイン認証を行うために以下のコードを埋め込んだが、userがどうしてもNullになってしまう。

app.js

  created: function() {
    firebase.auth().onAuthStateChanged(user => {
      console.log(user);
      if (user) {
        this.isLogin = true;
        this.userData = user;
      } else {
        this.isLogin = false;
        this.userData = null;
      }
    });
  },

safariのコンソールを見てみたら、以下エラーが出ていた。

Error: This domain (****.firebaseapp.com) is not authorized to run this operation. Add it to the OAuth redirect domains list in the Firebase console -> Auth section -> Sign in method tab.

原因

index.html > config が、別のプロジェクトのものであった。
firebaseのプロジェクトの何度か作り直していたため、前のプロジェクトのままだったよう。

index.html

<script>
  // Initialize Firebase
  var config = {
    apiKey: "****",
    authDomain: "****.firebaseapp.com",
    databaseURL: "https://****.firebaseio.com",
    projectId: "****",
    storageBucket: "****.appspot.com",
    messagingSenderId: "****"
  };
  firebase.initializeApp(config);
</script>