菜单权限是根据登录角色实现返回不一样的菜单,使不一样角色能看到不一样的菜单。前端
1、首先要在刚进入路由以前使用vue的路由守卫拦截,来判断有没有获取过菜单权限。
2、前端和后台商量好菜单的结构和菜单的名称,先在前端定义一个路由表。
3、后台返回平行结构的数据,前端组装成一个菜单结构,而且若是后台返回子菜单没有返回父菜单那么该父菜单下面全部的子菜单不该该显示。
4、将筛选事后的路由做为首页的子路由添加进去。
5、前端编写页面vue
1、如何动态添加子路由?
2、点击到子路由以后能正常显示,刷新页面以后空白页
3、在已经注册了的路由表中添加了*匹配,为何刷新页面的时候直接跳转到404页面
4、基于element封装一个不管后台返回多少层级的菜单git
git仓库https://github.com/mengyuhang4879/auth-menu.git
github
1 npm install
2 启动server文件
3 npm run serve