@nuxt/auth $auth.loggedIn 没有反应答案

【问题标题】：@nuxt/auth $auth.loggedIn is not reactive@nuxt/auth $auth.loggedIn 没有反应
【发布时间】：2021-04-12 15:14:07
【问题描述】：

@nuxt/auth 我有两个问题，第一个是 $auth.loggedIn 没有对更改做出反应，我的应用程序有以下代码，当我登录或注销时，我必须更改路由以便下面的响应和更改状态（隐藏或显示登录/注册和用户信息）的标题是我的模板代码。

<userdown  @logout="$auth.logout()" v-if="$auth.loggedIn"/>
<div v-else>
  <nuxt-link :to="localePath('/login')" class="text-white mx-4">
    {{$t("links.login")}}
  </nuxt-link>
  <nuxt-link :to="localePath('/register')" class="text-white mx-4">
    {{$t("links.register")}}
  </nuxt-link>
</div>

第二个是重定向没有自动工作（例如登录时它应该重定向到主页但没有任何反应）

auth: {
    strategies: {
      local: {
        token: {
          property: 'token'
        },
        user: {
          property: 'user'
        },
        endpoints: {
          login: { url: '/api/auth/login', method: 'post' },
          logout: { url: '/api/auth/logout', method: 'post' },
          user: { url: '/api/auth/user', method: 'get' }
        }
      }
    },
    redirect: {
      login: '/login',
      logout: '/',
      callback: '/login',
      home: '/'
    }
}

【问题讨论】：

标签： nuxt-auth

【解决方案1】：

我在生产中遇到了同样的问题。在本地，一切都按预期工作。无论如何，我最终使用了：

v-show="$store.state.auth.loggedIn"

【讨论】：