Nuxt Auth 上的訪客中間件無法正常工作

Question

我有一個登錄頁面，我希望登錄的用戶無法看到。 我的組件如下：

<template>...</template>
<script lang="ts">
   ...
   @Component({
       layout: 'fullWidth',
       auth: 'guest',
       components: {
         Base,
         BaseAuth,
       }
   })
   export default class Login extends Vue {  ... }
</script>

登錄后，如果我 go 到/login路由，它允許我查看頁面。 我的nuxt配置如下：

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

還有其他我應該做的配置嗎？

Answer 1

我知道這不是模塊的真正解決方案，但我最終做的是在登錄頁面上添加一個鈎子：

mounted() {
    if (this.$auth.loggedIn) {
    return this.$router.push('/dashboard')
    }
},

Answer 2

使用這個，首先注冊中間件然后使用 auth。

 middleware: 'auth', auth: 'guest',