当路由信息全部由后台返回时，基于之前的路由遍历开发

路由权限表全部由后台返回时，会出现component指向问题，可新建一个js文件，用来映射，如下

js

var map = new Map()

map.set("index", () =>
    import ('@/views/index.vue'))
map.set("h1", () =>
    import ('@/index/home1.vue'))
map.set("h2", () =>
    import ('@/index/home2.vue'))


console.log("执行了")

function getRouterList() {
    //登录之后获取动态路由
    let userRouter = JSON.parse(unescape(localStorage.getItem('roleinfo')))
    digui(userRouter)

    function digui(userRouter) { //递归，将后台传来的字符串组件名指向本地组件
        userRouter.forEach(function(value, index, array) {
            if (array[index].children && array[index].children != null) {
                digui(array[index].children)
            }
            array[index].component = map.get(array[index].component) //遍历，通过映射找到我们定义好的组件
        })
    }
    return (userRouter);
}

export default {
    mod