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

		}
	})
相关推荐
陈不知代码3 小时前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass
源码_V_saaskw3 小时前
JAVA图文短视频交友+自营商城系统源码支持小程序+Android+IOS+H5
java·微信小程序·小程序·uni-app·音视频·交友
996幸存者7 小时前
uni-app区域选择、支持静态、动态数据
微信小程序·uni-app
ᥬ 小月亮9 小时前
Uniapp编写微信小程序,绘制动态圆环进度条
微信小程序·小程序·uni-app
耶啵奶膘13 小时前
uniapp+vue3——通知栏标题纵向滚动切换
uni-app
The_era_achievs_hero16 小时前
UniappDay03
vue.js·微信小程序·uni-app
游戏开发爱好者81 天前
没有 Mac,如何上架 iOS App?多项目复用与流程标准化实战分享
android·ios·小程序·https·uni-app·iphone·webview
Python大数据分析1 天前
uniapp之微信小程序标题对其右上角按钮胶囊
微信小程序·小程序·uni-app
一只一只妖2 天前
uniapp小程序上传图片并压缩
小程序·uni-app
顽疲2 天前
从零用java实现 小红书 springboot vue uniapp(14) 集成阿里云短信验证码
java·vue.js·spring boot·阿里云·uni-app