- 接口权限
- 使用 jwt 由后端做校验
- 路由权限
- 使用vue-router的钩子
- beforeEach 全局路由守卫
- beforeRouteEnter
- 在路由上标记 meta 信息,路由跳转前后校验
- 使用vue-router的钩子
- 菜单权限
- 后端返回菜单列表
- 前端根据字段+路由守卫判断权限
- 菜单和路由都由后端返回
- 后端的路由前端通过
addRoutes
动态挂载
- 后端的路由前端通过
- 后端返回菜单列表
- 按钮权限
- v-if
- v-show
07-12
409
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
08-12
4650
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
07-28
2226
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)