后台管理系统开发如果采用目前主流前端后分离的方式，如何[[严格]]控制按钮权限呢，严格的含义是：完全对用户隐藏其无权操作的按钮，怕他 F12 看 html、js 也找不到
bgt 2021-11-25 19:10:40 +08:00 2049 次点击这是一个创建于 1446 天前的主题，其中的信息可能已经有所发展或是发生改变。
以前用前后端不分离的方式严格控制按钮可见权限是非常容易的，因为控制逻辑本质是在服务端运行。前后端分离后，假设用的是 vue 来开发后台，某后台页面有添加、编辑、删除三个按钮，某用户只有添加和删除权限，如果用 v-if 之类的前端方式，控制按钮显隐的逻辑肯定就暴露在前端了，这意味着编辑按钮的名称还是被暴露了、甚至相关编辑表单也会被暴露。当然了，服务端的权限判断是最后一道关卡，恶意用户最终仍然无权提交编辑，但如果我们想严格控制、彻底隐藏用户无权操作的按钮及相关页面，大家有什么方式吗
 | 1 oott123 2021-11-25 19:18:30 +08:00 代码做组件拆分，拆分成不同的 js ，服务端对 js 静态文件请求做鉴权 |
 | 2 rrfeng 2021-11-25 19:18:37 +08:00 via Android  1 伪需求。 后端权限不是最后一道关卡，应该是唯一一道关卡。 前段可以根据权限做隐藏属于体验优化，无权拦截用户请求（实际是无法做到）。 |
 | 3 eason1874 2021-11-25 19:50:36 +08:00 把状态管理移到后端，比如菜单项 JSON 由后端返回 |
 | 4 az22c 2021-11-25 20:31:00 +08:00 没必要做得那么细，除非闲得很。 我这边十几个系统都是我开发的，做了按钮权限之后，基本上管理跟不上。当初废大力气做的就是图个心理安慰。最多就是做到菜单层级的权限。 |
 | 5 night98 2021-11-25 21:28:46 +08:00 服务端返回用户可操作的按钮列表，web 端 v-if 不渲染此按钮 |
 | 6 cmdOptionKana 2021-11-25 21:47:46 +08:00 直接不渲染就行了啊 |
 | 7 calmzhu 2021-11-25 22:22:14 +08:00 碰见过，解决方案是菜单+ 按钮 直接放在数据库里。前段先用接口查用户有权限的菜单。 但是维护起来巨恶心 |
 | 8 gefangshuai 2021-11-25 22:23:32 +08:00 via iPhone vue v-if |
 | 9 lhx2008 2021-11-25 22:25:38 +08:00 想到一个点子，可以开一个虚拟机，然后打开网站就 VNC 连上去，这个虚拟机里面再用特制浏览器打开楼主写的网站，这样就稳得一批了 |
| 10 lhx2008 2021-11-25 22:30:01 +08:00 其实应该直接服务端 render 就解决了 |
 | 11 akira 2021-11-26 05:01:01 +08:00 菜单 按钮 都是后端返回的就好了。但是这样的话，有些功能可能不是那么好写。。 |
Select Language