验证页面权限

^O^晨峰^O^

于 2021-03-30 16:55:04 发布

阅读量166

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/weixin_45425587/article/details/115328711

版权

本文探讨了在Vue应用中如何处理用户登录后直接通过路径访问无权限页面的问题。提出通过全局前置守卫在路由跳转前进行权限判断，详细说明了在用户登录时存储权限数据到本地，并在路由器模块中进行权限验证的方法。

摘要由CSDN通过智能技术生成

问题：用户登录后可以通过路径访问没有权限的页面

分析：在哪里进行判断用户是否有权限前往指定页面，在路由前往页面之前，通过全局前置守卫来实现

// 全局前置守卫
router.beforeEach((to,from,next)=>{
   
	
	// 获取本地存储token
	let token = window.sessionStorage.getItem("token")
	// 判断token是否为真
	if(token){
   
		// 已登录	
		// 请不要重复登录
		if(to.path === "/login"){
   
			// 返回from
			return next({
   name:from.name?from.name:'index'