如何在 nuxt/auth 中訪問用戶信息？

Question

我正在嘗試使用函數 testData() 訪問存儲在本地存儲中的數據，但由於某種原因，我的控制台打印出{ob: Observer} 。 我在函數 login() 中設置了數據，我也可以在瀏覽器中看到它。

我是前端開發的新手，所以我很感激任何幫助。

Vue

testData() {
  console.log(this.$auth.$storage.getUniversal('user'))
},

login() {
  this.$auth.loginWith('local', {
    data: { 
      username: this.username,
      password: this.password
    }
  }).then(response => {
    const user = response.data
    this.$auth.setUser(user)
    this.$auth.$storage.setUniversal('user', user.username, true)
  })
},

localStorage

Answer 1

您可以使用this.$auth.$storage.state.user正確訪問nuxt/auth用戶（甚至this.$auth.user ）。
當您看到Observer ，僅表示它正在監視您的數據，但該對象當前為空，它實際上是一個getter 。

我試圖刷新，在這種情況下，這確實是空的。

但是，如果您注銷並重新登錄，或者像往常一樣登錄並通過按鈕或類似方式檢查值，您會看到它填充了email和password 。

同時，我不確定this.$auth.$storage.setUniversal('user', user.username, true)是否需要，因為該模塊正在為您執行此操作。
你到底想在這里做什么？