Почему роутинг простого приложения не работает на github pages?

Question

[dfv123]

Репозиторий https://github.com/wsavd/joonline (в ветке master )с примером роутинга страниц из офф. документации
На локальной машине все работает, заливаю на gh-pages - белый фон.
Вот залитое приложение https://wsavd.github.io/joonline

Answer 1

[Никита Гущин]

Потому что роуты не подходят. У вас :

<Router>
    <App>
      <Route exact path="/" component={Home}/>
      <Route path="/item0" component={Item0}/>
      <Route path="/item1" component={Item1}/>
    </App>  
  </Router>,

А на GH pages у вас роут /joonline/ . К счастью - есть простое решение - указать basepath (документация) относительно которой будут строиться все роуты приложения:

<Router  basename="/joonline"/>
    <App>
      <Route exact path="/" component={Home}/>
      <Route path="/item0" component={Item0}/>
      <Route path="/item1" component={Item1}/>
    </App>  
  </Router>,

Comments

[Максим]

fix: https://reacttraining.com/react-router/web/api/Bro...