在 React Router 中重定向所有没有根文件夹的路径匹配

Question

我正在使用

react-router-dom

版本

6.3.0

，我正在尝试让我的路由器处理更新的 URL 结构。

举个例子，我的旧路线如下所示：

<Route path='animals/dog' element={<Dog />} />
<Route path='animals/cat' element={<Cat />} />
<Route path='animals/bird/songs' element={<BirdSongs />} />

我希望它们在没有根文件夹的情况下自动重定向

animals

：

<Route path='dog' element={<Dog />} />
<Route path='cat' element={<Cat />} />
<Route path='bird/songs' element={<BirdSongs />} />

所有内容都需要重定向到之前所在的位置，但我不想在我的应用程序中为每个可能的

Route

手动编写重定向。

React Router 可以做到这一点吗？在我的情况下，我无法使用

.htaccess

或

301

重定向。它必须发生在 React Router 本身中。

Answer 1

似乎已经回答了：https://stackoverflow.com/a/43533070/14258470

希望这有帮助！

如果这不是您正在寻找的答案，请提供更多背景信息，我会调整我的答案以更好地适应OP。