前端如何实现列级权限控制？
我们后台返回的表格数据里，有些字段是敏感信息，比如手机号、身份证号，不同角色看到的列不一样。我在前端用的是 Vue + Element Plus 表格，现在直接把所有字段都渲染出来了，但不知道怎么根据用户权限动态隐藏某些列。
后端倒是能按权限返回不同的字段，但为了减少接口改动，想在前端做控制。我试过用 v-if 判断权限，但列太多写起来很麻烦，而且容易漏掉。有没有更优雅的方式？比如通过配置项自动过滤列？
比如现在表格列定义是这样的：
const columns = [
{ prop: 'name', label: '姓名' },
{ prop: 'phone', label: '手机号', permission: 'view_phone' },
{ prop: 'idCard', label: '身份证', permission: 'view_id_card' }
]然后根据用户权限 user.permissions = ['view_phone'] 自动过滤掉没权限的列？
- 1
回答
4浏览
前端如何实现ABAC权限控制？
我在做后台管理系统，想用ABAC模型做细粒度权限控制，但不确定前端该怎么配合。后端返回的策略是 JSON 格式，比如： { "role": "editor", "resource": "article...
- 2
回答
38浏览
动态权限控制中如何防止样式覆盖导致的越权漏洞？
在实现动态权限控制时，我用CSS根据用户角色显示/隐藏菜单项，但发现低权限用户可以通过浏览器修改CSS看到高权限菜单。比如用这样的样式： .user-menu { display: none; } ....
- 2
回答
49浏览
前端鉴权时，如何防止他人伪造用户权限标识？
我现在在做项目权限控制，用JWT存了用户角色信息。前端通过请求头携带权限标识，但发现直接存字符串太容易被篡改了。试过用加密和签名，但别人拿到token后还是能解密出权限字段随意修改。 比如用户本应该是...
- 1
回答
22浏览
前端路由权限控制怎么做才安全？
我在用 Vue 做后台管理系统，现在想根据用户角色动态控制能访问的页面。目前是登录后把菜单和路由权限存在 Vuex 里，然后在 router.beforeEach 里判断： router.before...
- 1
回答
20浏览
前端菜单权限控制怎么做才安全？
我最近在做后台管理系统，菜单要根据用户角色动态显示。现在是前端拿到用户权限列表后，用 v-if="hasPermission('user:list')" 这种方式控制菜单项显示，但听说这样不安全，因为...
- 2
回答
40浏览
权限缓存过期后如何防止页面刷新导致权限失效？
我现在在做前端权限控制，把用户的权限列表存在localStorage里，但发现缓存过期后页面刷新就会失效。之前试过设置过期时间和自动刷新，但这样页面刷新时还是会有一段时间没有权限校验，这样会不会有安全...
- 2
回答
90浏览
ABAC权限控制中如何动态处理资源属性条件？
在用ABAC实现动态权限时，遇到资源属性变化导致判断失效的问题。比如在Vue组件里根据用户角色和资源的"department"属性控制按钮显示： <button v-if="canEd...
- 2
回答
49浏览
用CSS隐藏非管理员内容被用户绕过，该怎么安全控制数据权限？
我现在在做角色权限控制，普通用户只能看自己的数据，管理员能看所有。前端用了CSS根据角色动态添加class来隐藏非管理员的按钮，比如： .user-only { display: none; } .a...
- 2
回答
53浏览
前端权限刷新时如何保留用户当前页面状态？
我在开发权限管理系统时遇到个难题：当用户角色权限动态更新后，前端通过axios.get('/refresh-permissions')拉取新权限，但直接刷新页面会导致当前编辑表单的数据丢失。尝试过用V...
- 2
回答
80浏览
用户组权限控制如何避免重复权限导致混乱？
我现在在做用户权限控制，用用户组来管理权限，但发现不同用户组可能会有重复的权限项。比如用户同时属于管理员组和编辑组，两个组都有"delete_post"权限，合并权限时该怎么处理才不会重复？ 我尝试用...
暂无解答