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

Question

我在 Github 页面上部署多页面 React App（使用 React-Router V.6）时遇到了一些麻烦。 在我的实际部署构建（此处）中，每当我 go 到路由（例如关于或恢复）并刷新时，我都会收到 404。我认为这是由于客户端呈现以及 GH 页面只知道基本 url “/portfolio”，不知道“/portfolio/about”。

我仍在学习 React-Router 的诀窍，所以我一直在疯狂地寻找解决方案，但没有运气。 我搜索了这些解决方案：

React Router v4：无法在 GitHub 页上加载页面

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

似乎都不适合我。

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

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

同样，这是我的部署构建以及源代码

如果这个问题太长，我们深表歉意。 这是我的第一个 StackOverflow 问题：:)

Answer 1

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

参考这个repo ，从这里复制最后一个脚本，添加404.html文件，就可以了。