vue 动态修改路由（镜像）

Question

如果给所有已存在的路由做个镜像？

例如：
已有地址

www.xxx.com 可以访问到首页
www.xxx.com/login 可以访问到登录页

如果动态给所有路由添加一层，实现以下效果(原因路由保持不变)

www.xxx.com/test 可以访问到首页
www.xxx.com/test/login 可以访问到登录页

目前没找到什么方法，只是猜测有没有一种方法可以做个路由镜像或者修改根路由的方法来实现这种效果。

希望能得到各路大神的指点，谢谢！

Answer 1

需要单独把routes提取出来
routes.js

export const routes = [
    {路由}
]

main.js

    import {routes} from routes.js
    new VueRouter({
        {
            path:'test',
            children:routes
        }
    })

---

history模式下可以和后端路由做配合，把后端根路由设置为test