javascript - 如何在 React Router v6 中将默认路径 '/' 重定向到 '/home'。当前配置不起作用

Question

我正在渲染嵌套路由，父路由渲染一些我希望在每个页面中呈现的组件。

我希望 Default 组件为每个页面呈现并让 "/" 重定向到 "/home"。 目前，当我输入 "url.com/" 时，页面不会重定向并显示错误回退组件。

有人可以帮我找到解决方案并了解为什么重定向不起作用吗？

const publicRoutes = [
  {
    path: '',
    element: <Default/>,
    children: [
      { path: '/', element: <Navigate to='/home' /> }, 
      ...otherRoutes
    ],
  },
];

Answer 1

主路径应该是 "/" 而不是 "\"。 \ 是一个转义字符。

const publicRoutes = [
  {
    element: <Default />,
    children: [
      {
        path: "/", // <-- here
        element: <Navigate to="/home" replace />
      },
      ...navbarRoutes
    ],
  }
];