BrowserRouter 在页面刷新时显示 Error | 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，您的解决方案非常有效。造成此错误的不是反应路由器。这是我的 webpack（服务器）配置，无法获取到我的组件的路由。

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

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

BrowserRouter 在页面刷新时显示 Error | React-router-v4

BrowserRouter shows Error when Page is refreshed | React-router-v4

javascript

reactjs

react-router-v4

react-router-dom