vue-element-admin动态路由调整

vue-element-admin动态路由调整

Git地址

https://github.com/PanJiaChen/vue-element-admin.git
最后有修改后的项目实例代码

关于现有方案的思考

其原本是有关于路由动态调整的，但是在这里他是基于用户角色做的控制，那么在这种情况下，你的权限实际上是由前端定死的，你后端不能灵活的修改前端路由的展示情况，所以有了此次优化

优化方案

我们不去做这些关于后端返回具体的路由地址，借鉴于原有方案的情况下，我们使用相似的方案，但是我们灵活可控，前端保持所有页面路由的定义，后端返回此用户拥有的路由然后做过滤

实现

前端

修改请求地址

定义路由url（关键）

修改请求接口

修改获取用户信息的接口，增加菜单的返回

修改获取路由的传参

修改路由过滤逻辑（核心）

路由按照我们约定的url过滤

请求后端

加载完成

后端

登陆 /auth/login 接口和 /auth/user-info 接口需要调整适配前端的请求和返回值获取
/auth/user-info 要返回该用户所拥有的菜单角色，需要自己设计，在这是提供思路和想法

总结

前端保持所有页面路由的定义，后端返回此用户拥有的路由然后做过滤这是核心