Nuxtjs 和 Firebase Auth: await firebase.auth().currentUser 不等待？

Question

Nuxt.js 专注于服务器端渲染，并具有在页面组件加载之前调用一次的asyncData属性。

我正在尝试类似的东西：

async asyncData({params}) {
    // firebase.auth().onAuthStateChanged((user)=>{ // <-- this doesn't work in the asyncData property
      let user = await firebase.auth().currentUser
      let info = {}
      console.log(user)

      user.uid === null // true
}

两个类似的问题：

• firebase.auth().currentUser 是 null
• 使用 async/await 获取 firebase.auth().currentUser

有似乎不适用于nuxt的解决方案......

我也试过：

function getCurrentUser(auth) {

  let userLoaded = false;
  return new Promise((resolve, reject) => {
     if (userLoaded) {
          resolve(firebase.auth().currentUser);
     }
     const unsubscribe = auth.onAuthStateChanged(user => {
        userLoaded = true;
        unsubscribe();
        resolve(user);
     }, reject);
  });
}

Answer 1

似乎onAuthStateChanged仅在客户端触发。 但问题是， SSR功能仅对非身份验证用户有意义，对于身份验证用户场景，不妨将 firebase 调用逻辑放入mounted钩子中。