为什么需要刷新以使用react-router加载新路由

Question

我正在使用create-react-app，除非首先刷新页面，否则不会加载我的路线。

与webpack配置中的historyFallbackApi: true有关系吗？

这是代码。

 const AppRouter = () => {
      return (
        <Router>
          <Route exact path="/" component={Chatbot} />
          <Route  path = "/about" component = {About} />
        </Router>
      );
    };

    class App extends Component {
      render() {
        return (
          <div className="App">
            <Navbar />
            <AppRouter />
          </div>
        );
      }
    }