vue--设置导航守卫

场景

如果用户知道后台url地址但是没有登录,想通过url访问管理页面,直接跳转到登录界面,限制他的权限

设置全局前置守卫

下面代码实现的功能,当是到/login的页面或者是来自/login的页面不进行拦截放行,其它种情况都进行拦截提示并跳转到登录界面。

可以直接复制使用,这样想通过url访问后台管理不登陆就会进行拦截

router.beforeEach((to, from, next) => {
  //from是来的页面,to是去的页面,next是权限控制
  console.log(from);
  console.log(to);
  if (to.path == "/login" || from.path == "/login") {
    next();
  } else {
    alert("还没有登录");
    next("/login");
  }
  //

猜你喜欢

转载自blog.csdn.net/weixin_43755104/article/details/107552991