react项目路由的相对路径和绝对路径

在 React 项目中使用 Navigate 组件时，其 to 属性的路径是否以斜杠（/）开头，决定了路径是‌绝对路径‌还是‌相对路径‌，这会直接影响导航的目标位置。

路径加斜杠（绝对路径）

当 to 属性的值以 / 开头时，表示这是一个‌绝对路径‌。导航会从应用的根路径开始匹配，忽略当前的路由层级。

这种方式最常用，也最清晰，推荐在大多数场景下使用，因为它行为可预测，不依赖于当前的路由上下文。

路径不加斜杠（相对路径）

当 to 属性的值‌不以‌ / 开头时，表示这是一个‌相对路径‌。导航会基于当前的路由路径进行拼接。

相对路径在嵌套路由（如 Outlet）中非常有用，可以让你在子路由中导航到同级或下级路由，而无需硬编码完整的路径。