Question

使用导航卫士保护Vue路线。导航卫士在加载或刷新时正在工作，但是使用next()访问路由时，<router-link>功能不起作用。

<router-link to="{ name: 'page1' }" >Page 1</router-link>

导航保护代码。

{
   path: '/page1',
   component: page1,
   name: 'page1',
   meta: { auth: true },
   beforeEnter: (to, from, next) => {
     if (!store.state.roles.includes('is_superadmin')) {
            if (!store.state.firm_permissions.includes('can_have_fire_contractors')) {
                 console.log('success page1')
                 next({
                    name: "page0"
                 })
             } else {
                 next()
             }
      }
      next()
    },
 }

我可以看到console.log('success page1')，但是next()无效...

Answer 1

在return之后添加next()：

beforeEnter: (to, from, next) => {
     if (!store.state.roles.includes('is_superadmin')) {
            if (!store.state.firm_permissions.includes('can_have_fire_contractors')) {
                 console.log('success page1')
                 next({
                    name: "page0"
                 })
                 return // Add this
             } else {
                 next()
             }
      }
      next()
    },

具有Navigation Guards的Vue路由器-next（）不起作用

1 个答案: