移动校园(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版本加密货币行情应用
人工智能·华为·uni-app·harmonyos
菲力蒲LY2 小时前
固定表头、首列 —— uniapp、vue 项目
前端·vue.js·uni-app
大麦大麦15 小时前
深入剖析 Sass:从基础到进阶的 CSS 预处理器应用指南
开发语言·前端·css·面试·rust·uni-app·sass
逍遥客.17 小时前
uniapp对接打印机和电子秤
javascript·vue.js·uni-app
小钟H呀19 小时前
Uniapp项目运行到微信小程序、H5、APP等多个平台教程
uni-app
HerayChen19 小时前
uniapp vue3 微信小程序 uni.chooseLocation使用
微信小程序·小程序·uni-app·微信小程序地理位置
pillowss1 天前
uniapp中image加载图片失败解决方案
uni-app
bug总结1 天前
uniapp+微信小程序+地图+传入多个标记点显示+点击打开内置地图导航+完整代码
uni-app
码农研究僧1 天前
Uniapp 页面返回不刷新?两种方法防止 onShow 触发多次请求!
uni-app·vue·html·onshow