Невозможно подключить страницу по адресу напрямую

Question

Я сейчас создаю свой собственный блог и использую реагирование с реактивом-маршрутизатором-домом.Когда я набираю url, кроме '/' в адресной строке напрямую, я получаю Cannot GET / url error в chrome.Но localhost: 8000 / работает нормально.ex) localhost: 8000 / favourite ==> Невозможно GET / Favorite

И щелчок заголовка и перенаправление работает.Не работает только ввод в адресной строке.

Моя структура кодов упрощена ниже.

index.js

const rootElement = document.getElementById('root');
ReactDOM.render(
   <BrowserRouter>
       <App />
   </BrowserRouter>
, 
rootElement);

App.js

class App extends React.Component {
    render(){

        return (
            <div>
                <Header/>
                <Main></Main>
            </div>
        );
    }
}

export default App;

Main.js

const Main = () => (
  <main>
    <Switch>
      <Route exact path='/' component={HomeContainer}/>
      <Route path='/post' component={Post}/>
      <Route path='/favorite' component={Favorite}/>
      <Route path='/setting' component={Setting}/>
    </Switch>
  </main>
)

export default Main

header.js

<div>
    <Menu.Item><Link to='/'><Icon onClick={this.clickMenu} name='home' data- name='home' size="large"/></Link></Menu.Item>
    <Menu.Item><Link to='/post'><Icon onClick={this.clickMenu} name='list'data-name='list' size="large"/></Link></Menu.Item>
    <Menu.Item><Link to='/favorite'><Icon onClick={this.clickMenu} name='favorite' data-name='favorite' size="large"/></Link></Menu.Item>
    <Menu.Item><Link to='/setting'><Icon onClick={this.clickMenu} name='settings' data-name='settings'size="large"/>/Link></Menu.Item>

</div>