菜单权限

介绍

菜单权限是根据登陆角色实现返回不同的菜单，使不同角色能看到不同的菜单。

思路及问题

思路

一、首先要在刚进入路由之前使用vue的路由守卫拦截，来判断有没有获取过菜单权限。
二、前端和后台商量好菜单的结构和菜单的名称，先在前端定义一个路由表。
三、后台返回平行结构的数据，前端组装成一个菜单结构，并且如果后台返回子菜单没有返回父菜单那么该父菜单下面所有的子菜单不应该显示。
四、将筛选过后的路由作为首页的子路由添加进去。
五、前端编写页面

问题

一、如何动态添加子路由？
二、点击到子路由之后能正常显示，刷新页面之后空白页
三、在已经注册了的路由表中添加了*匹配，为什么刷新页面的时候直接跳转到404页面
四、基于element封装一个无论后台返回多少层级的菜单

代码

git仓库
https://github.com/mengyuhang4879/auth-menu.git

1 npm install
2 启动server文件
3 npm run serve

git创建远程仓库及提交

https://blog.csdn.net/liuweix...