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

		}
	})
相关推荐
用户904706683571 小时前
uniapp Vue3版本,用pinia存储持久化插件pinia-plugin-persistedstate对微信小程序的配置
前端·uni-app
细节控菜鸡3 小时前
【2025最新】uniapp 中基于 request 封装实现多文件上传完整指南
uni-app
fakaifa3 小时前
【全开源】企业微信SCRM社群营销高级版系统+uniapp前端
uni-app·开源·企业微信·scrm·源码下载·企业微信scrm
棋子一名5 小时前
跑马灯组件 Vue2/Vue3/uni-app/微信小程序
微信小程序·小程序·uni-app·vue·js
游戏开发爱好者87 小时前
BShare HTTPS 集成与排查实战,从 SDK 接入到 iOS 真机调试(bshare https、签名、回调、抓包)
android·ios·小程序·https·uni-app·iphone·webview
2501_916008897 小时前
iOS 26 系统流畅度实战指南|流畅体验检测|滑动顺畅对比
android·macos·ios·小程序·uni-app·cocoa·iphone
2501_915106329 小时前
苹果软件加固与 iOS App 混淆完整指南,IPA 文件加密、无源码混淆与代码保护实战
android·ios·小程序·https·uni-app·iphone·webview
2501_915921439 小时前
iOS 26 崩溃日志解析,新版系统下崩溃获取与诊断策略
android·ios·小程序·uni-app·cocoa·iphone·策略模式
2501_9160137412 小时前
iOS 推送开发完整指南,APNs 配置、证书申请、远程推送实现与上架调试经验分享
android·ios·小程序·https·uni-app·iphone·webview
2501_9159090617 小时前
HTML5 与 HTTPS,页面能力、必要性、常见问题与实战排查
前端·ios·小程序·https·uni-app·iphone·html5