Vue 权限管理

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

菜单的控制

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

界面的控制

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

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

按钮的控制

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

请求和响应的控制

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

相关推荐
几度泥的菜花14 分钟前
使用jQuery实现动态下划线效果的导航栏
前端·javascript·jquery
思茂信息27 分钟前
CST直角反射器 --- 距离多普勒(RD图), 毫米波汽车雷达ADAS
前端·人工智能·5g·汽车·无人机·软件工程
星星不打輰33 分钟前
Vue入门常见指令
前端·javascript·vue.js
好_快1 小时前
Lodash源码阅读-isNative
前端·javascript·源码阅读
好_快1 小时前
Lodash源码阅读-reIsNative
前端·javascript·源码阅读
好_快1 小时前
Lodash源码阅读-baseIsNative
前端·javascript·源码阅读
好_快1 小时前
Lodash源码阅读-toSource
前端·javascript·源码阅读
Oneforlove_twoforjob2 小时前
volta node npm yarn下载安装
前端·npm·node.js
咖啡の猫2 小时前
npm与包
前端·npm·node.js
徐福记c2 小时前
npm install -g @vue/cli 方式已经无法创建VUE3项目
前端·vue.js·npm