vue后台权限

视频地址
https://www.bilibili.com/video/BV15Q4y1K79c?from=search&seid=7139068013544782298
原文笔记
https://blog.csdn.net/weixin_44157964/article/details/108420759
demo地址
https://gitee.com/zhutianshi/background-permissions

前端权限控制思路

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

2 界面的控制
如果用户没有登录， 手动在地址栏敲入管理界面的地址， 则需要跳转到登录界面
如果用户已经登录， 如果手动敲入非权限内的地址， 则需要跳转404 界面

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

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