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

		}
	})
相关推荐
郑州光合科技余经理15 小时前
海外O2O系统源码剖析:多语言、多货币架构设计与二次开发实践
java·开发语言·前端·小程序·系统架构·uni-app·php
烈焰飞鸟1 天前
iconfont 在 uni-app 项目中的完整使用指南
vue.js·uni-app·iconfont
TON_G-T1 天前
uniapp-解放主包,组件下沉分包插件
webpack·uni-app
笨笨狗吞噬者1 天前
【uniapp】小程序支持分包存放微信自定义组件 wxcomponents
前端·微信小程序·uni-app
蓝色心灵-海1 天前
小律书 技术架构详解:前后端分离的自律管理系统设计
java·http·小程序·架构·uni-app
TON_G-T1 天前
uniapp-降低主包体积-分包js
webpack·uni-app
专科3年的修炼1 天前
uni-app移动应用开发第三章
uni-app
00后程序员张2 天前
iPhone 无需越狱文件管理 使用Keymob查看导出文件
android·ios·小程序·https·uni-app·iphone·webview
2501_916008892 天前
Unity3D iOS 应用防篡改实战 资源校验、 IPA 二进制保护
android·ios·小程序·https·uni-app·iphone·webview
2501_915909062 天前
MachObfuscator全面解析:Apple平台Mach-O应用程序混淆技术指南
macos·ios·小程序·uni-app·objective-c·cocoa·iphone