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

Question

我在 Github Pages 上部署多页 React 应用程序（使用 React-Router V.6）时遇到了一些麻烦。在我的实际部署构建（此处）中，每当我转到某个路线（例如 about 或 resume）并刷新时，我都会收到 404。我认为这是由于客户端渲染以及仅知道基本 url 的 GH 页面“/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 文件，然后就可以了。