刷新页面时，BrowserRouter显示错误反应路由器-V4

Question

使用 HashRouter ，该路由适用于所有情况，但使用 BrowserRouter 时，在刷新页面时显示错误。 / p>

这是我在HashRouter和BrowserRouter下包装的Route的代码：

        <Switch>
          <Route exact path="/" component={Home} />
          <Route exact path="/trip-detail" component={TripDetail} />
          <Route exact path="/booking" component={TripBooking} />
          <Redirect to="/" />
        </Switch>

这是我刷新时的截图：

Answer 1

<强>更新

谢谢@GabrielBleu，您的解决方案就像一个魅力。它不是反应路由器正在创建此错误。这是我的webpack（服务器）配置，这是一个未知的路由到我的组件。

我在webpack配置中唯一更新的是添加此代码

  devServer: {
    historyApiFallback: {
      index: '/',
    },
  },