如何訪問 asyncData 中的 Firestore？

Question

當 asyncData 中的值為 null 時，如何以 asyncData 中的身份驗證用戶身份訪問 firestore？

  async asyncData(){
    console.log(this);
    try{
      const data = await this.$fireStore
        .collection("users")
        .doc("dgsxhchdxfwsezgxrd")
        .collection("games").doc("test")
        .collection("verions").doc("v0.0.1").get();
        console.log(firestore success ${data});
        return{ gameData: data};
    }catch(error){
      console.log(firestore error ${error});
    }
  }

Answer 1

來自 nuxt 頻道的 Eggsy 回答：

您無權在 asyncData 中訪問它，因為它是在頁面加載之前呈現的。 但是您可以訪問 Nuxt 上下文，其中包括插件、路由器等。您可以簡單地使用參數訪問上下文或選擇您想要的內容：

async asyncData(context) {
   // Access the fire store object
   context.$fireStore;
}

// or get it from the object
async asyncData({ $fireStore }) {
   $fireStore;
}