移动校园(8): Uniapp 中路由守卫进行用户权限管理--不同用户不同功能

思路,在登录之后将用户类型type写入本地存储,然后在前置路由守卫里面读取然后鉴权。

路由守卫VS拦截器

路由守卫主要管理前端之间页面的跳转

拦截器管理后端交互,

所以说权限管理需要路由守卫来做。

但是没有原生路由守卫,查了半天也没有合适的方法,为了简单快速实现,而且鉴权界面也比较少,所以就在onload生命周期钩子里面判断type类型来替代了,

然后上次一样的报错。。。。。

当前页面正在处于跳转状态,请稍后再进行跳转....

把uni挑战换成wx跳转就解决了,但是这个页面跳转会闪烁,后面再解决把

复制代码
export const AuthSuperAndStu=()=>
{
	let arr=["superadmin","student"]
	return arr.includes(uni.getStorageSync("type"))

}

export const  AuthSuper=()=>
{
	let arr=["superadmin"]
	return arr.includes(uni.getStorageSync("type"))
}


export const  AuthVisitor=()=>
{
	let arr=["visitor"]
	return arr.includes(uni.getStorageSync("type"))
}

	onLoad(()=>
	{
		if(!AuthSuperAndStu())
		{
			uni.showToast({
				title:"您没有权限",
				icon:"error"
			})
			wx.switchTab({
				url:"/pages/more/more",
				fail:function(e)
				{
					console.log(e)
				}
			})

		}
	})
相关推荐
七七小报1 小时前
uniapp-商城-48-后台 分类数据添加修改弹窗bug
uni-app·bug
七七小报2 小时前
uniapp-商城-50-后台 商家信息
uni-app
七七小报3 小时前
uniapp-商城-51-后台 商家信息(logo处理)
java·服务器·windows·uni-app
七七小报7 小时前
uniapp-商城-47-后台 分类数据的生成(通过数据)
uni-app
ᥬ 小月亮15 小时前
Uniapp编写微信小程序,使用canvas进行绘图
微信小程序·uni-app·c#
向明天乄15 小时前
uni-app,小程序自定义导航栏实现与最佳实践
小程序·uni-app
BXCQ_xuan17 小时前
uniapp小程序轮播图高度自适应优化详解
微信小程序·小程序·uni-app
向明天乄19 小时前
uni-app,小程序中的addPhoneContact,保存联系人到手机通讯录
智能手机·uni-app
花开花落的博客1 天前
uniapp 不同路由之间的区别
前端·uni-app