springboot+vue前后端分离项目-项目搭建8-菜单显示权限控制

一、第一种方法，直接通过权限判断菜单是否显示

1.user表增加role，entity同步增加

 

 2.controller增加通过id获取user信息并返回的方法

 3.增加如下从session获取user的id，并重新从后台再获取一遍确保正确

 控制菜单，系统管理只有管理员（role=1）时才能看到

 效果：

 

 二、通过路由守卫实现

1. vue/src/router/index.js里增加如下代码

 2. 新增无权限时跳转的页面vue/src/views/manager/Auth.vue

 路由里同步新增

 3. 新增404页面，访问不存在的页面是调整

 路由最下面新增匹配所有路径，跳转到404页面

4.测试效果：