Javascript React路由在本地计算机上工作，但在GitHub页面上不工作

我已经在Github页面上部署了React应用程序，但路由在Github页面上不起作用

只有基本URL在工作。如果我导航到任何其他页面，则会出现错误404

App.js

<Router>

        <nav role="navigation" id="nav_bar_hamburger">
          <div id="menuToggle">
            <input type="checkbox" />
            <span></span>
            <span></span>
            <span></span>

            <ul id="menu">
              <a href="/covid19-tracker"><li>Worldwide</li></a>
              <a href="/india-statewise"><li>India-Statewise</li></a>
              <a href="/coming-soon"><li>Coming Soon</li></a>
            </ul>
          </div>
        </nav>



        <div className="routingContainer">

          <Switch>
            <Route path="/covid19-tracker" component={WorldwideContainer} />
            <Route path="/india-statewise" component={IndianStateWise} />
            <Route path="/coming-soon" component={temp} />
          </Switch>
          <hr />
        </div>
 </Router>

---

部署到Github页面后，BrowserRouter的工作方式是否有所不同？理想的解决方案是什么？

您的GitHub页面尝试从服务器端提供

/covid19 tracker

文件夹或文件，而不是从应用程序中查找路由。可能使用

是解决方案之一。因此，最后您将有一个类似于https://#/covid19 tracker的URL

因此，在基本URL的hashtag之后，您的React路由器将相应地处理路由

您可以在应用程序中添加以下内容，而不是

：

:

一种
，它使用URL的哈希部分（即
window.location.hash
）来保持UI与URL同步

正如文件所示：

由于此技术仅用于支持传统浏览器，因此我们建议您将服务器配置为使用

但在这种情况下，您可能没有进行修改的权限

我希望这有帮助
 您的GitHub页面尝试从服务器端提供
/covid19 tracker
文件夹或文件，而不是从应用程序中查找路由。可能使用
是解决方案之一。因此，最后您将有一个类似于https://#/covid19 tracker

的URL

因此，在基本URL的hashtag之后，您的React路由器将相应地处理路由

您可以在应用程序中添加以下内容，而不是

：

:

一种
，它使用URL的哈希部分（即
window.location.hash
）来保持UI与URL同步

正如文件所示：

由于此技术仅用于支持传统浏览器，因此我们建议您将服务器配置为使用

但在这种情况下，您可能没有进行修改的权限

我希望这有帮助

<HashRouter>
   <App />
</HashRouter>