Vue 权限管理

vue 中,比较常见的需要进行权限管控的权限控制实现思路有四条:、

菜单的控制

在登录请求中,会得到权限数据,当然,这个需要后端返回数据的支持,前端根据权限数据,展示对应的菜单,单击菜单,才能查看相关的界面。

界面的控制

如果用户没有登录,手动在地址栏敲入管理界面的地址,则需要跳转到登录界面;

如果用户已经登录,可是手动敲入非权限内的地址,就需要跳转到 404 界面。

按钮的控制

在某个菜单的界面中,还得根据权限数据,展示出可进行操作的按钮,比如删除、修改、增加。

请求和响应的控制

如果用户通过非常规操作,比如通过浏览器调试工具将某些禁用的的按钮变成启用状态此时发的请求,也应该被前端所拦截。

相关推荐
雨季mo浅忆几秒前
记录前端内网开发之新入职篇
前端·内网开发
杨运交14 分钟前
[025][Web模块]基于 Spring Boot 的请求日志过滤器设计与实现
前端·spring boot·后端
IT_陈寒23 分钟前
React的useEffect里设状态?我又踩雷了
前端·人工智能·后端
恋猫de小郭25 分钟前
GSY 史上最全跨平台/架构/语言的项目,七大项目召唤「神龙」
android·前端·flutter
范什么特西31 分钟前
狂神Vue
前端·javascript·vue.js
怕浪猫38 分钟前
Electron 开发实战(六):系统交互与原生功能实战全解
前端·javascript·electron
爱喝热水的呀哈喽38 分钟前
npm 双网切换
前端·npm·node.js
玄米乌龙茶12343 分钟前
Web 框架(FastAPI / Flask)核心概念
前端·flask·fastapi
问心无愧05131 小时前
ctf show web 入门66
前端·笔记
Rain5091 小时前
mini-cc 权限安全:给 AI 戴上枷锁
前端·人工智能·安全·架构·node.js·ai编程