GitHub Pages 不为项目提供服务，而是呈现根用户站点

IT技术 reactjs github url-routing github-pages static-site
2021-05-26 00:28:36

我正在从bloom510.github.io存储库中提供 React 应用程序。有 2 个分支：source和master。正如您可能已经猜到的那样，源代码包含整个未编译的源代码，然后将其构建并部署到主分支。这有效。

我的问题是托管在 GitHub 页面上的其他项目，GitHub 表示已成功发布，bloom510.github.io/my_project_name只需加载包含 React 应用程序的根站点。事实上，任何任意路由加载它都不会出现 404 错误。这发生在我所有的设备上：Chromebook、MacBook 和 Pixel 2 XL。这里发生了什么？

更新：目前在 /card 项目中托管我的主站点并从主站点重定向。真的很想让主站点正常工作。

我一直在使用的链接：

用户页面：bloom510.github.io

一个项目：bloom510.github.io/hello-wasm

任意路线：bloom510.github.io/i-do-not-exist

回购：https : //github.com/bloom510/bloom510.github.io

在此处输入图片说明

2个回答

另一个特殊的观察结果是在私人窗口中加载项目 URL 实际上是有效的

我确实在非私人会话中使用http://bloom510.github.io/hello-wasm看到了使用 Rust 和 WebAssembly 的“Hello World” 。
由于 repo 有一个gh-pagesbranch，它的内容被发布了。

项目回购

因此，请确保您可以重现该问题（在不同的浏览器或计算机中）

就我而言，它看起来与 react-router-dom v4 有关。我通过改变得到了修复

<Router basename='/'>
  <App/>
</Router>

进入

<Router basename='/yourCurrentRepository'>
  <App/>
</Router>

似乎 react-router-dom 将您的 gh-pages 重定向到根目录，bloom510.github.io而不是bloom510.github.io/my_project_name. 希望可以帮助到每个也遇到同样问题的人。

其它你可能感兴趣的问题
上一篇从react传单中的地图中删除缩放控制 下一篇如何在 React 中构建响应标题菜单的侧边切换菜单