React Router嵌套路由跳转路径错误问题求助

问题原因 #

你遇到的问题并非路由顺序/优先级导致，核心原因是菜单中的Dashboard链接使用了相对路径。当你处于domain/blog/post/1路径下时，相对路径的dashboard会基于当前路径拼接，最终生成domain/blog/post/dashboard，而非预期的根路径下的dashboard。

解决方案 #

检查你的菜单组件，将Dashboard的链接改为绝对路径（路径以/开头）：

如果使用React Router的Link组件：

// 错误写法（相对路径）
<Link to="dashboard">Dashboard</Link>

// 正确写法（绝对路径）
<Link to="/dashboard">Dashboard</Link>

如果是普通<a>标签：

<!-- 错误写法 -->
<a href="dashboard">Dashboard</a>

<!-- 正确写法 -->
<a href="/dashboard">Dashboard</a>

补充说明：你的路由顺序是正确的（更具体的blog/post/:postId放在blog前面），这部分无需调整。

内容的提问来源于stack exchange，提问作者Pizzaboy