vue-router能不能以后端返回數(shù)據(jù)生成路由信息？

所有路由都寫在前端代碼里面實在是太不優(yōu)雅了，維護(hù)也困難。想把路由信息全部存在數(shù)據(jù)庫，用后端返回數(shù)據(jù)動態(tài)生成前端路由。

示例代碼如下：
其中routesData就是路由new Router 實例化的參數(shù)

for (let i of data) {`````
    every = {
        path: i['path'],
        name: i['name'],
        component: () => import(i['src']),
    }
    routesData.push(every)
}

但是上述想法無法實現(xiàn)，查了一下原因，import似乎不支持變量，蛋碎......
不知道我的想法能不能實現(xiàn)，有大佬給解下惑嗎？