在配置路由的文件中配置
meta: {
requireAuth: true, // 添加该字段,判断登录情况
},
拦截判断
router.beforeEach((to, from, next) => {
if (to.meta.requireAuth) { // 判断该路由是否需要登录权限
let token = '';
// 会话取值
if (localStorage.getItem("token") != null) {
token = localStorage.getItem("token");
}
if (token != '') { // 通过localStorage.getItem()获取当前的 token 是否存在
next()
} else {
next({
path: '/login',
query: {
redirect: to.fullPath // 将跳转的路由path作为参数,登录成功后跳转到该路由
}
})
}
} else {
next()
}
})
更多推荐
vue路由拦截登录router
发布评论