Как справиться с маршрутом на хостинге github?

Question

Я работаю над своим portofolio и в настоящее время размещаю его на github.
Я использую React.js с реакции-маршрутизатором для навигации.
Репозиторий на github ... / portofolio /поэтому, когда я перехожу по URL-адресу ... / portofolio / у меня есть главная страница с панелью навигации, но главная страница не отображается.
Я не понимаю, поскольку попросил использовать компонент Home для '/'маршрут.Кроме того, когда я нажимаю на ссылку «Главная», появляется домашняя страница, и URL переходит от «/ portofolio /» к «/»

Вот мой код:

App.js

<div className="main">
    <Navigation />
    <Main />
</div>

The routes in Main.js

<Switch>
    <Route exact path='/' component={Home}/>
    <Route path='/projects' component={Projects}/>
    <Route path='/contact' component={Contact}/>
</Switch>

Navigation.js

<ul className="navigation-list">
    <li className="navigation-link"><Link to='/'>Home</Link></li>
    <li className="navigation-link"><Link to='/projects'>Projects</Link></li>
    <li className="navigation-link"><Link to='/contact'>Contact</Link></li>
</ul>

Любой совет для отображениямой "Домашний" компонент напрямую, когда я захожу на главную страницу моего портфолио ??
Может быть, какой-нибудь совет по рефакторингу моего кода?