vue3 全局路由守卫 (登录)

Posted 仲夏の梦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue3 全局路由守卫 (登录)相关的知识,希望对你有一定的参考价值。

// to要去的路由信息
// from要离开的路由信息
// next是否要放行,默认放行,next(false)不放行

// 全局路由守卫: 根据token判断,如果没有则返回登录页面,如果有则放行
router.beforeEach((to, from, next) => 
	if (!localStorage.getItem('token'))  // 如果没有
		if (to.name == "login")  // 判断是否要去登陆界面如果是则放行
			next()
		 else  // 否则直接跳转登录界面
			router.push('login')
		
	 else  // 如果有则放行
		next()
	
)

以上是关于vue3 全局路由守卫 (登录)的主要内容,如果未能解决你的问题,请参考以下文章

VUE3路由Router导航模式

Vue3 中 导航守卫 的使用

路由拦截器// 全局守卫

路由拦截方式 全局守卫导航

Vue router 全局路由守卫

Vue 导航守卫