微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

GH Pages 显示我的主页,但不显示我的任何其他路径

如何解决GH Pages 显示我的主页,但不显示我的任何其他路径

(Repo Link) (live link)

一直在与 gh-pages 斗争并做出反应了几天,现在我的投资组合从 url 中显示出来;在本地主机上工作得很好。我已经到了第一页可以正常显示的程度,但是一旦您从导航栏中选择了另一条路径,它就会返回 404 错误“无法加载资源”。我尝试用多种不同的方式处理 basename 路由,但没有成功。任何见解将不胜感激!

解决方法

最佳实践是使用相对路径:

<a class="MuiButtonBase-root ..." tabindex="0" aria-disabled="false" href="projects">
  ^^^^^^^^

而不是/iacoviello-portfolio-react/projects

假设您的路由器确实管理这些路径,如 in this example

export default function BasicExample() {
  return (
    <Router>
      <div>
        <ul>
          <li>
            <Link to="/">Home</Link>
          </li>
          <li>
            <Link to="about">About</Link>
          </li>
          <li>
            <Link to="dashboard">Dashboard</Link>
          </li>
        </ul>

        <hr />

        {/*
          A <Switch> looks through all its children <Route>
          elements and renders the first one whose path
          matches the current URL. Use a <Switch> any time
          you have multiple routes,but you want only one
          of them to render at a time
        */}
        <Switch>
          <Route exact path="/">
            <Home />
          </Route>
          <Route path="/about">
            <About />
          </Route>
          <Route path="/dashboard">
            <Dashboard />
          </Route>
        </Switch>
      </div>
    </Router>
  );
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。