Vue framework, how to achieve unlimited-level routing jump?

similar to the home page of the GitHub warehouse, go to the details page of a file.
for example, there is a src folder in the root directory of the repository, and there may be folders in src. The
scenario is that there is a file such as a.js, if the path matching of a.js under src is / src/:name, browser address bar is displayed as url/src/a.js. If a.js is in a folder such as a under src, the path match is / src/a/:name, browser address bar is displayed as url/a/a.js. The problem now is that I don"t know which folder a.js is in, nor do I know that the file I want to view is in a folder with how many layers of folders are nested. So how should routes match? Or is there any other way to implement it. It is considered that the requirements can be achieved by querying the parameters, but the address of the browser address bar can not be displayed as the specific path of the file, so it is temporarily abandoned.
if the above description is not clear enough, you can browse to the home page of the GitHub warehouse to enter a file. The details are displayed in the browser address bar. You can also leave a message.
Thank you for seeing the problem. I hope you can communicate more and even get a solution.

Mar.15,2021

  

how does the boss realize it, and what technology can he use?

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3a850-2b99a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3a850-2b99a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?