禁止通过身份验证的用户访问nuxt js中的登录页面

export default {
  // ...
  router: {
    middleware: 'auth'
  },
  // ...
}

export default function ({ route, redirect, store }) {
  // 判断当前路由是否是登录页
  if (route.path === '/login') {
    // 如果用户已经通过身份验证，则将其重定向到首页
    if (store.state.isAuthenticated) {
      return redirect('/')
    }
  } else {
    // 如果用户未通过身份验证，则将其重定向到登录页
    if (!store.state.isAuthenticated) {
      return redirect('/login')
    }
  }
}

export const state = () => ({
  isAuthenticated: false
})

export const mutations = {
  login(state) {
    state.isAuthenticated = true
  },
  logout(state) {
    state.isAuthenticated = false
  }
}

<template>
  <div>
    <!-- 登录表单 -->
    <!-- ... -->
    <!-- 登录按钮 -->
    <button @click="login">登录</button>
  </div>
</template>

<script>
export default {
  methods: {
    login() {
      // 执行登录逻辑
      // ...
      // 更新身份验证状态
      this.$store.commit('login')
    }
  }
}
</script>