VUE动态路由解决方案,通过接口请求动态定制您得页面!

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

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

话不多说直接上代码:

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

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

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

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

你可能感兴趣的:(VUE动态路由解决方案,通过接口请求动态定制您得页面!)