vue-router能不能以后端返回数据生成路由信息？

Question

所有路由都写在前端代码里面实在是太不优雅了，维护也困难。想把路由信息全部存在数据库，用后端返回数据动态生成前端路由。

示例代码如下：

其中routesData就是路由new Router 实例化的参数

for (let i of data) {`````

    every = {

        path: i['path'],

        name: i['name'],

        component: () => import(i['src']),

    }

    routesData.push(every)

}

但是上述想法无法实现，查了一下原因，import似乎不支持变量，蛋碎......

不知道我的想法能不能实现，有大佬给解下惑吗？