使用React Router刷新页面

Question

我在我的React项目中使用React Router。我的特殊问题是在不在目标网页上时刷新页面（即，仅对路线添加“ /”）。

我正在开发一个游戏，例如，我有一个“如何玩”页面组件，我想在“如何玩”路线上进行渲染。我可以到达那里，但是如果那时候刷新，我的浏览器只会显示“无法获取/ howtoplay”。

以下是在app.js中设置的路由：

<Router>
     <Route exact path="/" component={Landing}/>
     <Route path="/matchmaking" component={Matchmaking}/>
     <Route path="/games" component={Games}/>
     <Route path="/howtoplay" component={HowToPlay}/>
</Router>

和HowToPlay组件是基本的功能组件：

export default ()=>{
    return (
        <h1>This is the how to play page component</h1>
    );
}

我的文件夹结构：

.
+--public
|---index.html
+--src
|---index.js
    +--components
    |---app.js

我在这里的主要困惑是，我发现自己的设置与他们网站上的React Router文档中的设置没有区别，并且他们具有希望在刷新后停留在页面上的功能。