路由导航守卫

Posted 2021-05-15 yuruotianxin

路由导航守卫控制访问权限

一、如果用户没有登录，但是直接通过URL访问特定页面，需要重新导航到登录页面。

//为路由对象添加beforeEach导航守卫

router.beforeEach((to, from, next) => {
	// 如果用户登录的是登录页，直接放行
	if (to.path === \'/login\') return next()
	// 获取token
	const tokenStr = window.sessionStorage.getItem(\'token\')
	// 没有token,强制跳转到登录页
	if (!tokenStr) return next(\'/login\')
	next()
})

放置位置

放置在路由跳转文件中，暴露路由之前，如下图示