学习vue有一段时间了，一直没有整理过什么问题得解决方案！实在有亏程序员得称呼！路漫漫其修远兮，我们应该相互帮助！今天就分享一下最近雇主提出来得奇葩需求得解决方案！

相信大家在做后台管理系统得时候会经常用到权限管理，一般得权限管理都可以通过vue-router进行控制有没有权限进行跳页！但是我们这次要做得是通过后台接口来配置页面得路由，路由生成是接口来配置得！之前确实没有解决的办法,但vue-router 2.2版本新增了一个router.addRoutes(routes)方法，让动态路由得以实现。

话不多说直接上代码：

在路由里初始化一个首页，大家可以通过不同需求自己定制那几个页面是必有得！假定我这个是登陆页面！

通过登陆事件来调用接口，获取登陆需要得页面数据然后进行动态路由数组得生成！注意一下！一定要在import() 加上``再进行赋值，否则会报安全性错误！然后就可以打包发布！完全可以正常访问动态生成得页面！（注：页面路由得路径一定要找对！）

import(`../${item.component}`) 备注修改一下 这样写才会生效 否侧会找不到加载得页面路由

本文原创！转载注明出处！否则追究法律责任哟！