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

Question

我在 Github Pages 上部署多页 React 应用程序（使用 React-Router V.6）时遇到了一点问题。在我的实际部署构建 (here) 中，每当我转到一条路线（例如 about 或 resume）并刷新时，我都会收到 404。我认为这是由于客户端渲染以及 GH Pages 只知道基本网址“/portfolio”，不知道“/portfolio/about”。

我仍在学习 React-Router 的基本原理，所以我一直在疯狂寻找解决方案，但没有运气。我已经搜索了这些解决方案：

React Router v4: Cant load page on GitHub pages

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

似乎都不适合我。

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

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

再次，这是我的deployment build，还有source code

如果这个问题太长，请见谅！这是我的第一个 StackOverflow 问题。 :)

Answer 1

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

参考this repo，复制here的最后一个脚本，加上404.html文件，就可以了。