为什么我的 GitHub 页面只显示我的 React 应用程序的主页而不显示其他页面？

Question

所以我试图将我的天气应用程序部署到 GitHub 页面，我已经安装了 gh 页面，并在我的 package.json 文件中添加了指向主页的 web 链接。 但是当我在实时站点上输入 go 时，它只显示主页而不是我拥有的其他“子页面”。 如果我点击顶部的城市进入该页面，它会显示 404 错误。 我应该怎么办？？

这是我在 package.json 中的链接：“主页”：“https://mw3981.github.io/Weather_App/”

Answer 1

我最初的想法是，路由器的期望与 Github 页面如何从存储库中提供页面之间存在脱节。

Github 总是希望在路径的开头有“/Weather_App/”。 （所以主页是“https://mw3981.github.io/Weather_App/”）

React 中的路由器并不期望这一点，因此当它尝试为子页面提供服务时，它会尝试将 go 转换为“https://mw3981.github.io/subpage”，而不是 github 所期望的：“https://mw3981. github.io/Weather_App/subpage”

尝试添加/使用basename此处提到的道具。

此外，Github 页面与路由器如何通过pushState进行页面更改之间可能存在一些兼容性问题。 这是在这里讨论的。