路由拦截

定义：路由拦截就是路由在发生变化时需要进行的拦截处理，比如跳转到某个页面要判断是否有登录

等；

写法：

路由拦截

  /*在跳转之前执行*/

beforeEach函数有三个参数：

to:router即将进入的路由对象

from:当前导航即将离开的路由

next:Function,进行管道中的一个钩子，如果执行完了，则导航的状态就是 confirmed （确认的）；否

则为false，终止导航。

 

主要是对进入页面的限制；比如判断有没有登录，没有就不能进入某些页面，只有登录了之后才有权限

查看页面:

router.beforeEach(function(to, from, next) {

　　if (!localStorage.getItem("username")) {  

　　　　if (to.path !== '/login') {

　　　　　　next('/login')

　　　　}

　　};

　　next()

})

 

 

 

/*在跳转之后判断*/

afterEach函数不用传next()函数

 

会在每次路由切换成功进入激活阶段时被调用。

Vue.afterEach(function(to,form){

　　console.log('成功浏览到: ' + to.path)

})