@nuxt/auth$auth.loggdIn不是反应性的

Question

我使用@nuxt/auth有两个问题，第一个问题是$auth.loggdIn对更改没有反应，我的应用程序有下面的代码，当我登录或注销时，我必须更改路由，以便标头重新获取并更改状态(隐藏或显示登录/注册和用户信息(。下面是我的模板代码。

<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: '/'
}
}

Answer 1

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

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