vue-router 控制路由权限的实现

使用vue-router实例函数addRoutes动态添加路由规则，不多废话直接上思维导图:2.1、路由匹配判断通过vue-router前置守卫beforeEach中参数to来简单的实现匹配结果2.2、登录访问控制在实际开发中路由常常存在是否登录访问和是否需要登录访问的情况,于是可以通过token和路由配置meta信息中定义isAuth字段来区分。vue-router路由规则要和权限配置保持一致。所以通过递归动态拼接vue-router路由规则和用户拥有的路由权限做对比。如果匹配就保留该路由;然后得到一份过滤后的vue-router路由规则配置。最后通过实例方法addRoutes添加路由规则。比如：2.5、动态注册2.6、归类整理嗯!虽然前端能够通过vue-router实现对路由权限的控制，但是实际是伪权限控制，无法达到完全控制;强烈建议对于需要控制路由权限的系统采用后端控制。