Vue-router 路由守卫
- 在定义路由的时候就需要多添加一个自定义字段requireAuth,用于判断该路由的访问是否需要登录。如果用户已经登录,则顺利进入路由, 否则就进入登录页面。在路由管理页面添加meta字段。
export default new Router({
routes:[{
path: 'xxx',
components: xxx,
name: 'xxx',
meta: {
requireAuth: false
}
}]
})
router.beforeEach((to, from, next) => {
if (to.matched.length != 0) {
if (to.meta.requireAuth) {
if (Boolean(localStorage.getItem("userInfo"))) {
next();
} else {
next({
path: '/login',
query: { redirect: to.fullPath }
})
}
} else {
if (Boolean(localStorage.getItem("userInfo"))) {
if (to.path != "/" && to.path != "/login") {
next();
} else {
next({
path: '/goods/Goods'
})
}
} else {
next();
}
}
} else {
next({
path: '/login',
query: { redirect: to.fullPath }
})
}
})