vue路由守卫

2023-01-11 20:36:07 浏览数 (2)

路由守卫是什么

路由守卫router.beforeEach(路由拦截器),实现每次路由跳转前做点什么。一般用它来验证用户是否已登陆,已登陆时,才让其进入导航,否则就取消跳转,并跳到登录页面让其登录

检验登陆Demo

代码语言:javascript复制
1router.beforeEach((to, from, next) => {
2  //登陆页永远允许访问
3  if (to.path === "/login") {
4    next();
5  }
6  //非登陆页,检验登陆凭证是否为真,是的话放行,否则跳转登陆
7  if (cookie.get("super_admin_blog_token") || cookie.get("blog_token")) {
8    next();
9  } else {
10    next({ path: "/login" });
11  }
12});
13

0 人点赞