如何解决GH Pages 显示我的主页,但不显示我的任何其他路径
一直在与 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 举报,一经查实,本站将立刻删除。