路由守卫

什么是路由守卫

vue-router提供的一个功能。 当路由发生改变时,允许你来判断是否跳转到新的路由。

在index.js里面改变router的代码

var route = new Router({
  routes: [
    {
      path: "/",
      name: "Home",
      component: Home,
     }
      ]
    },
    {
      path: "/login",
      name: "Login",
      component: Login
    },

   
  ]
});

route.beforeEach((to, from, next) => {

  if (to.name === "login") {
    next();
  } else {
    //进行权限验证
    var token = localStorage.getItem("token");
    if (!token) {
    //如果没有token,直接跳转到login页面
      next({ name: "login" });
    }
     else {
     //有token,则可以正常进行路由跳转
      next();
    }
  }
});

export default route;

beforeEach
该回调函数有三个参数
to:要跳转到的路由
from:从哪里跳转过来的,
next:接着执行下去,不调用的话,代码会一直停留在这里。

发布了244 篇原创文章 · 获赞 31 · 访问量 2万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览