ReactJS - Хостинг в подпапке неправильные ссылки Switch Route

Question

Я пытаюсь разместить свой проект ReactJS во вложенной папке на моем веб-хосте.

Я помещаю свой проект (рабочий) в папку с названием «панель управления». Итак, теперь я могу получить доступ к веб-сайту по http://hostname/dashboard.

Однако, когда я нажимаю ссылку на веб-сайте, например «Войти», она все равно переходит на http://hostname/login, а не на http://hostname/dashboard/login.

.

Что я могу сделать, чтобы исправить?

function MainContent() {
  return (
    <div className="container" style={{ marginTop: 20 }}>
      <Switch>
        <Route exact path="/" component={Landing} />
        <Route path="/login" component={Login} />
        <Route path="/logout" component={Logout} />
        <Route path="/signup" component={Signup} />
        <Route component={NoMatch} />
      </Switch>
    </div>
  );
}