托管在 GitHub 上的 React 路由器页面在刷新时中断

Question

我在 GitHub 上部署了一个反应应用程序，问题是在其任何路由页面上完成刷新时，我得到 404 not found 错误

虽然当应用程序处于开发模式时，页面会正确刷新

链接到已发布的应用程序

我正在使用交换机进行路由

 < Switch > < Route exact path = "/" component = { Home } /> < Route exact path = "/todo" component = { Issuetracker } /> < Route exact path = "/weather" component = { Weather } /> < /Switch>

请提出解决方法

Answer 1

通常它是由于 nodejs 服务器中的配置不正确而发生的。 您应该在每条路线上提供您的反应index.html文件（否则 - 您将收到 404 错误）。 像这样：

app.get('/*', (req, res) => {
  const indexHtmlPath = path.join(__dirname, '..', 'build', 'index.html');
  res.sendFile(indexHtmlPath);
});

Answer 2

我能够通过用 hash 路由替换浏览路由来修复它