router.js
export default new Router({
routes: [{
path: '/login',
component: Login,
meta: {
requireAuth: false // 不需要鉴权
}
}, {
path: "/home",
component: Home,
meta: {},
}}]
})
main.js
router.beforeEach((to, from, next) => {
const type = to.meta.type
// 判断该路由是否需要登录权限
if (to.meta.requireAuth) {
// 该路由需要登录权限
if (sessionStorage.getItem('token')) {
// 已登录
next()
} else {
next('/login')
}
} else {
next()
}
})
本文详细介绍了在Vue项目中如何实现路由级别的权限控制。通过在router.js文件中定义路由并设置requireAuth属性,结合main.js中的beforeEach钩子,实现了对用户登录状态的检查,确保只有已登录用户才能访问受保护的页面。

被折叠的 条评论
为什么被折叠?



