Router 记录: 相对路径和绝对路径

问题示例

 router.push(`home/${message.value}`)

这段代码的页面转跳使用的就是相对路径,转跳时会根据当前的router路径去匹配,结果为

当前路径+home/${message.value}

问题出现时,转跳是在父及router执行的,子级页面也在父级页面中,Router期望的操作是转跳子级页面的路径,第一次在父级页面执行转跳时,子页面部分正常转跳,第二次转跳时,出现了路径重复添home的情况,也就是路径变成了:

home/home/${message.value}

在更换为绝对路径以后解决

 router.push(`/home/${message.value}`)

这样转跳时会根据项目的路径来判断


Router 记录: 相对路径和绝对路径
https://halo.jiangling.site/archives/router-push
作者
你的降灵
发布于
2025年07月27日
许可协议