Nuxt js中间件身份验证将经过身份验证的用户重定向到登录页面

如何解决Nuxt js中间件身份验证将经过身份验证的用户重定向到登录页面

我使用的是 @nuxt/auth 包，版本为 4.9.1。

在用户关闭浏览器之前一切正常，当用户登录后关闭浏览器并返回这样的绝对 URL 时会出现问题 example.com/admin。

如何解决这个问题？

中间件/admin.js

export default function ({$auth,error}) {
  if ($auth.user.type === 'admin') {
    return error('404 Not Found!')
  }
}

pages/admin.index

<template>
  <div class="container">
    {{ $auth.user.name || $auth.user.mobile_number }}
  </div>
</template>

<script>
  export default {
    name      : "admin",middleware: ['auth','admin'],}
</script>

解决方法

当用户打开绝对 URL 时，检查中间件中的 loggedIn。 (example.com/admin)

更多信息：auth#loggedin

Demo : Nuxt-auth-demo (/secure 页面需要验证才能访问。登录后您可以尝试关闭浏览器并使用绝对路径 nuxt-auth.herokuapp.com/secure 再次打开它。)>