移动校园(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)
				}
			})

		}
	})
相关推荐
张乔245 小时前
uniapp创建一个新项目并导入uview-plus框架
uni-app
码农研究僧6 小时前
uniapp | vue2 实现用户登录 记住账号密码 功能(附Demo)
uni-app·vue2·登录界面·记住账号密码
淘源码d13 小时前
医院智慧导诊系统源码,人体画像3D智能导诊系统源码,采用springboot+Uniapp框架开发,支持商用
spring boot·后端·uni-app·源码·导诊·人体导医
Virtual0919 小时前
第一进行uni-app开发,没想到居然这么舒服!
前端·uni-app·app
沐卿゚1 天前
uniapp App分享商品到微信里【小白可用】
uni-app
老大白菜1 天前
用uniapp 及socket.io做一个简单聊天app 5
android·uni-app
程序员白彬1 天前
基于 uniapp html5plus API,怎么把图片保存到相册
前端·uni-app·html5
嫦娥妹妹等等我2 天前
uni-app全局文件与常用API
前端·vue.js·uni-app
雪芽蓝域zzs2 天前
uniapp HarmonyOS项目实战
华为·uni-app·harmonyos
阿巴资源站2 天前
fastadmin中控制下级管理员能不能查看
javascript·vue.js·uni-app