当托管在Github页面上时，Reactstrap Navbar路由会产生404错误

Question

我目前正在使用带有Navlinks的Reactstrap的Navbar重定向到网站的其他页面。在本地测试时，Navlink可以正常工作，但是当我部署它（通过Github Pages）时，我在GET上收到404。我不知道我在哪里出错，希望得到任何建议/帮助。 这是一些代码：

App.js

import { BrowserRouter as Router, Route, Link} from "react-router-dom";
import {
  DropdownItem,
  NavLink,
  Navbar,
  NavbarBrand,
  NavItem,
  Nav,
  NavbarToggler,
  UncontrolledDropdown,
  DropdownToggle,
  DropdownMenu
} from "reactstrap";
...
<Router basename={process.env.PUBLIC_URL}>
      <Switch>
        <Route
          exact
          path={`/#/archive`}
          render={() => {
            return <Archive />;
          }}
        />
        <Route
          exact
          path={`/#/tree`}
          render={() => {
            return <Tree />;
          }}
        />
        <Route
          exact
          path={`/#/about`}
          render={() => {
            return <About />;
          }}
        />
...
 <Navbar className="navbar-header no-shadows" light expand="md">
                <NavbarBrand href="/#/">{" The Berelson Project"}</NavbarBrand>

                <Nav className="ml-auto" navbar>
                  <NavItem>
                    <NavLink href="/about">About</NavLink>
                  </NavItem>
                  <NavItem>
                    <NavLink href="/archive">Archive</NavLink>
                  </NavItem>

                  <NavItem>
                    <NavLink href="/tree">Tree</NavLink>
                  </NavItem>
                </Nav>
              </Navbar>

...

还有其他人遇到过这个问题吗？