nuxt.js - Nuxt Auth 上的访客中间件无法正常工作

Question

我有一个登录页面，我希望登录的用户无法看到。我的组件如下:

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

登录后如果我去 /login route 它允许我查看页面。我的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

使用这个，首先注册中间件然后使用 auth。

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