Vue Router 相对路径转绝对路径

Posted 2023-05-01

参考技术A 因为 Vue Router 支持 嵌套路由 ，所以愉快的写起了相对路径。

一时相对一时爽，可是此时非彼时。
想要根据 routes 渲染菜单，菜单就需要路由跳转，而我又没有写 name 命名路由 ，故如下跳转不可行：

可是 this.$router.options.routes 这货也拿不到绝对路径 path ，故如下跳转也不可行：

此解有三：

写绝对内心有点抵触，命名亦是个头疼的事情，那...

把拿到 this.$router.options.routes 的数据进行重组呗

假设路由：

转换函数：

测试：

---- Vinci, Sunday, September 29 2019, Sunny

老革命老问题之相对路径转绝对路径

老革命不仅会遇上新问题，也会遇上老问题。革命越老越健忘，老问题就越多。

我就是这么个老革命。

对付老问题的唯一窍门，就是赶紧将解决方案记录下来，温故而知新，不怕柏金森矣。

当然，老革命如果能变成老领导，提升解决问题的层级，从繁杂的日常编码中超脱出来，即使手抖脚颤又如何？

今天的老问题是，asp.net中，如何获得某个相对路径的绝对路径？记忆中，我已经都写过这种代码N回了，却总是记不住。

相对路径 -> 绝对路径

string fileICon = Url.Content("~/Content/Images/PDF2.jpg");

或者

if (url.StartsWith("~"))
{
    url = HttpContext.Current.Request.ApplicationPath + url.Substring(1);
}

虚拟路径 -> 物理路径

string savepath = Server.MapPath("~/Content/Images/PDF2.jpg");