共计 451 个字符，预计需要花费 2 分钟才能阅读完成。
介绍
菜单权限是依据登陆角色实现返回不同的菜单，使不同角色能看到不同的菜单。
思路及问题
思路
一、首先要在刚进入路由之前应用 vue 的路由守卫拦挡，来判断有没有获取过菜单权限。
二、前端和后盾磋商好菜单的构造和菜单的名称，先在前端定义一个路由表。
三、后盾返回平行结构的数据，前端组装成一个菜单构造，并且如果后盾返回子菜单没有返回父菜单那么该父菜单上面所有的子菜单不应该显示。
四、将筛选过后的路由作为首页的子路由增加进去。
五、前端编写页面
问题
一、如何动静增加子路由？
二、点击到子路由之后能失常显示，刷新页面之后空白页
三、在曾经注册了的路由表中增加了 * 匹配，为什么刷新页面的时候间接跳转到 404 页面
四、基于 element 封装一个无论后盾返回多少层级的菜单
代码
git 仓库https://github.com/mengyuhang4879/auth-menu.git
1 npm install
2 启动 serve 文件
3 npm run serve
git 创立近程仓库及提交
https://blog.csdn.net/liuweix…
正文完