欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 教育 > 培训 > 移动校园(8): Uniapp 中路由守卫进行用户权限管理--不同用户不同功能

移动校园(8): Uniapp 中路由守卫进行用户权限管理--不同用户不同功能

2025/10/14 10:31:04 来源:https://blog.csdn.net/2301_77133858/article/details/140248924  浏览:    关键词:移动校园(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)}})}})

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词