权限导航在vuejs + laravel?

Question

我有一个活动列表页面。现在我想当用户登录时，如果他没有访问活动列表页面，它不会显示菜单，不会允许访问该url ?给我一些想法。由于

更新:我的问题类似于此:路由器权限在vuejs + laravel?

Answer 1

您可以将状态存储在Vuex存储中。然后在路由器中，您需要检查用户是否已登录，否则将用户重定向到登录页面。

router.beforeEach((to, from, next) => {
if (to.matched.some(record => record.meta.requiresAuth)) {
// this route requires auth, check if logged in
// if not, redirect to login page.
if (!store.getters.isLoggedIn) {
next({ name: 'Login' })
} else {
next() // go to wherever I'm going
}
} else {
next() // does not require auth, make sure to always call next()!
}
})

以下是原始答案:https://stackoverflow.com/a/52663166/9318504

要显示或隐藏元素，如导航栏或菜单，您可以使用v-if

<Navigationbar v-if="userLoggedIn" />
<Menu v-if="userLoggedIn" />