Reactjs 刷新路由内部导致404

我通过github页面托管了一个网站，我可以成功进入该网站。在登录页上，我可以在没有任何问题的情况下刷新，当我转到并刷新时，问题就出现了，这将抛出404错误。以下是我的路线：

<div className="App">
  <GlobalProvider>
    <Router basename={'/'}>
      <Route path={process.env.PUBLIC_URL + '/'} render={props => <Main {...props} />} />
    </Router>
  </GlobalProvider>
</div>

当我记录public_url变量时，它似乎总是一个空字符串。我不知道是什么导致了这个问题，因为这个解决方案似乎解决了其他人的确切问题

提前谢谢你

---

编辑：忘记添加单击指向这些路由的链接可以按预期工作，但如果我在这些路由上直接输入或刷新，则无法按预期工作。

GitHub页面不支持React Router

有一个：

• 您可以从使用HTML5历史API切换到使用哈希进行路由
• 或者，您可以使用一个技巧来教GitHub页面处理404

<div className="main">
<Route path={process.env.PUBLIC_URL + '/about'} render={props => <About {...props} aboutData={about} />} />

<Route path={process.env.PUBLIC_URL + '/cases/:id'} render={props => <CaseOverlay {...props} />} />
</div>

 "homepage": "http://example.com",