Блог

Итак, у меня есть меню, и каждая вкладка в меню отображает другую страницу. мое меню выглядит так

 export default function() {
  return [
    {
      title: "Account",
      to: "/account-information",
    },
    {
      title: "Orders",
      to: "/orders",
    },

  ];
}

  

тогда у меня также есть маршрут, который выглядит следующим образом

 export default [
  {
    path: "/account",
    exact: true,
    layout: DefaultLayout,
    component: () => <Redirect to="/account-information" />
  },
  {
    path: "/account-information",
    layout: DefaultLayout,
    component: AccountOverview
  },
  {
    path: "/orders",
    layout: DefaultLayout,
    component: Orders
  },

];

  

мой index.js отображение страниц зависит от того, на какую вкладку вы нажмете. код выглядит следующим образом

   <Router basename={process.env.REACT_APP_BASENAME || ""}>
    <div>
      {routes.map((route, index) => {
        return (
          <Route
            key={index}
            path={route.path}
            exact={route.exact}
            component={withTracker(props => {
              return (
                <route.layout {...props}>
                  <route.component {...props} />
                </route.layout>
              );
            })}
          />
        );
      })}
    </div>
  </Router>

  

Моя проблема в том, что все отлично работает при локальном тестировании на моем компьютере, однако, как только я его развертываю и нажимаю на вкладку в меню, я вижу, что URL меняется, но страница остается пустой и не отображает нужную страницу
. есть идеи?