NUXT3路由器不将用户推到某些页面

Question

我有两个中间件：

1. 登录页面中间件按登录用户登录到他的最大角色允许仪表板（例如：用户，所有者 - ＆＆gt; lands / user -user-用户 - ＆gt;用户）
2. 面板中间件检查用户角色，并且如果没有许可访问该页面重定向返回登录（如果他试图观看所有者仪表板，将重定向到登录页面）

以使登录功能我在第一个中间件中创建的查询路径（登录？lokout = true），当用户想要注销时，仪表板应重新定向他要使用此查询登录页面，尽管不是

当我进行重定向时，请在第一个中间件上打印我：console.log（to）方法：

fullpath：“/仪表板/所有者”

重定向方法

this.$router.replace({ name: 'login', query: { 'logout': true } })

第一中间件

import { authoritiesRoutes } from "~~/middleware/panel"
import { useAuthStore } from "~~/store/auth"

export default defineNuxtRouteMiddleware(async ({ $pinia }, to, from) => {
    const token = useCookie('accessToken')
    console.log(to)

    if (to.query.logout === 'true') {
        token.value = null
        return navigateTo('/login')
    }

    if (token.value) {
        const store = useAuthStore($pinia)
        await store.retrieveUser(token.value)
        if (store.user != null) {
            const permissionLevel = store.getUser.authorities.length
            const routeName = authoritiesRoutes[permissionLevel]
            const route = '/' + routeName.replace('-', '/')
            return route;
        }
    }
})

第二中间件

import { useAuthStore } from '~~/store/auth'

export enum authoritiesRoutes {
    'panel' = 1,
    'dashboard' = 2,
    'dashboard-owner' = 3
}

export default defineNuxtRouteMiddleware(async ({ $pinia, $event }, to) => {
    const token = useCookie('accessToken')

    if (!token.value) {
        return navigateTo('/login')
    }

    const store = useAuthStore($pinia)
    await store.retrieveUser(token.value)

    if (store.user == null) {
        return navigateTo('/login')
    }

    const permissionLevel = authoritiesRoutes[to.name];
    if (store.getUser.authorities.length < permissionLevel) {
        return navigateTo("/login?error=you%20don't%20have%20permission%20to%20watch%20this%20page")
    }
})

Answer 1

我发现（async（{$ pinia}，to，tor，trom from）在中间中的应该为（async（to，{$ pinia}）
我还发现，usecookie方法仅在重新加载页面时才有效，因此我以这种方式完成了任务：

1. 第一个中间件

export default defineNuxtRouteMiddleware(async (to, { $pinia }) => {
    var token = useCookie('accessToken')
    const store = useAuthStore($pinia)

    if (to.query.logout === 'true') {
        if (!token.value) {
            return navigateTo('/login')
        }
        token.value = null
        if (process.client) {
            store.logout()
        }
    }

    if (token.value) {
        await store.retrieveUser(token.value)
        if (store.user != null) {
            const permissionLevel = store.getUser.authorities.length
            const routeName = authoritiesRoutes[permissionLevel]
            const route = '/' + routeName.replace('-', '/')
            return route;
        }
    }
})

2. 第二中间件保持相同的
3. 登录。VUE现在创建了看起来像这样的方法：

created () {
      if (this.$route.query.logout == 'true') {
        this.$router.go(0)
      }
    }