vue框架，如何实现路由无限层级跳转？

Question

类似GitHub仓库首页，进入某个文件详情页。
比如仓库根目录下有个src文件夹，src里可能还有文件夹。
场景是，有个文件如a.js,如果a.js在src下路径匹配是/src/:name，浏览器地址栏显示为url/src/a.js。如果a.js在src下的某个文件夹如a中，那么路径匹配为/src/a/:name，浏览器地址栏显示为url/a/a.js。现在的问题是我并不知道a.js在哪个文件夹下，也不知道要查看的文件处于被嵌套了多少层文件夹的文件夹中。那么路由应该如何匹配？或者有没有其他实现的方式。考虑过通过查询参数的方式实现需求，但浏览器地址栏的地址没法显示为文件具体路径，所以暂时放弃了。
如果上面的描述还不够清晰，可以参考浏览下GitHub仓库首页进入某个文件详情是浏览器地址栏的显示。也可留言说明。
谢谢看到问题的你们，希望可以多沟通，甚至得到解决方案。

Answer 1

import Router from 'vue-router';

const Explorer={
    name:'Explorer',
    template:`
        <div>
            {{$route.path}}
        </div>
    `
}

var router=new Router({
    {
        name:'explorer',
        path:'/explorer/*',
        component:Explorer
    }
});

Answer 2

使用绝对地址

Answer 3

大佬如何实现的，能讲使用什么技术嘛