部署到 Github 页面时出现 React-Router 问题?

React-Router issue when deployed to Github Pages?

我在 Github 页面上部署多页面 React 应用程序(使用 React-Router V.6)时遇到了一些麻烦。在我的实际部署构建 (here) 中,每当我转到路线(例如关于或恢复)并刷新时,我都会收到 404。我认为这是由于客户端呈现以及仅 GH 页面所致知道基础 url“/portfolio”,但不知道“/portfolio/about”。

我仍在学习 React-Router 的基本原理,所以我一直在疯狂地寻找解决方案,但一直没有成功。我搜索了这些解决方案:

https://github.com/rafgraph/spa-github-pages

似乎都不适合我。

将我的问题归结为最简单的术语,我想知道解决此问题的最简单方法是什么。

我试过将我的 BrowserRouter 切换到 HashRouter,但这没有用。我试图在我的 Index.html 中添加 404.html 文件和重定向脚本,但这也不起作用。我不是在寻找任何太强大的东西,因为这只是一个托管在 GH Pages 上的投资组合网站,但我确实希望尽可能保持 url 的外观整洁。

再一次,这是我的 deployment build, along with source code

如果这个问题太长,我们深表歉意!这是我的第一个 Whosebug 问题。 :)

我相信你已经在朝着正确的方向前进

参考this repo, copy the last script from here,加上404.html文件,就可以了