VUE导航守卫

小程序大梦想

于 2019-11-01 13:12:41 发布

阅读量213

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签：前端

本文链接：https://blog.csdn.net/qq_39594951/article/details/86354023

vue 专栏收录该内容

15 篇文章

订阅专栏

1.vue路由变化时，会触发vue导航守卫

2.可以给路由设置一个全局前置守卫beforeEach

	const router = new VueRouter({...})
	router.beforeEach((to,from,next)  =>  {
		
	})
	//每个守卫方法接收三个参数:
			(1) to:route  即将要进入的目标路由
			(2) from:route 当前导航正要离开的路由
			(3) next:function  next()函数内部执行完了，
			则导航状态为确认的，开始放行
			next(false) 中断当前的导航，可能是用户按了后退按钮或者其他操作，URL会重置到from路由
			next({path:'xxxx'})函数内部执行完了，为确认的，导航到path地址对应的路由
			next(error)如果传入next的参数是一个error实例，则导航会被终止且该错误会被传递给router.onError()注册过的回调

	确保要调用next方法，不然不会执行这个钩子