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似乎不支持变量，蛋碎......
不知道我的想法能不能实现，有大佬给解下惑吗？

Answer 1

看下大佬的文章就知道了 手摸手，带你用vue撸后台 系列二(登录权限篇)

没啥特殊需求老老实实把路由写到前端吧，写到接口里面就是自己跟自己搞事情。