javascript - 刷新页面时 BrowserRouter 显示错误 | React-router-v4

Question

使用HashRouter，路由在所有情况下都能正常工作，但是当使用BrowserRouter时，刷新页面时会显示错误。

这是我封装在 HashRouter 和 BrowserRouter 下的路由代码:

        <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，您的解决方案非常有效。造成此错误的不是 react 路由器。这是我的 webpack(服务器)配置，无法获取到我的组件的路由。

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

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