无法在React Router v4中获取路由

Question

当我转到localhost：8080 /并刷新预期页面时，它会不断呈现正确的页面。如果我点击一个链接，它会转到正确的页面，但在刷新后我会收到CANNOT GET错误消息

这是一些代码：

    <div>
      <Route strict path="/" component={Header} />
      <Route strict path="/quizzes" component={QuizList} />
    </div>

只需将此行放入我的webpack配置中：

  devServer: {
    historyApiFallback: true
  },

我很困惑，因为它只是在刷新时呈现正确的页面而无法获取它（除了主页（/）url）。

Answer 1

您的问题出在服务器端。您没有提供代码，但很可能您在http://localhost:8080/处定义了唯一的端点。您将需要一个配置良好的服务器来使用浏览器历史记录来托管应用程序，例如react-router。您可以查看本指南，例如：https://medium.com/@patriciolpezjuri/using-create-react-app-with-react-router-express-js-8fa658bf892d