GitHub 页面不允许使用 Angular 自动重定向，它显示 404 GitHub 页面

Question

GitHub 当我使用自动重定向到登录路径或尝试直接访问该路径而不是 Angular 中的基本路径时，页面显示 404。

我在 Angular 创建了一个应用程序，当它检测到 session 未登录时自动重定向到“/auth/login”。

所以我遇到的问题是，如果我直接访问 URL“user.github.io/example-app”，应用程序可以正常工作，但是如果我直接访问 URL“user.github.io/example-app/auth/ login”（或父路径以外的任何路径）向我抛出 404 GitHub 页面。

即使我正在使用 PWA，在我的 Android 设备上安装应用程序时，它也会直接抛出 GitHub 页面的 404。

笔记：

我还注意到，如果我使用 Lighthouse 并使用 http-server 进行测试，它也会在执行测试时抛出 404。

使用 http-server 我可以在 Windows 上安装应用程序，这确实向我显示了应用程序，而不是我在 GitHub 页面上遇到的 404。

Answer 1

tl;dr 使用HashLocationStrategy或Scully 。

---

Angular，默认使用History API进行路由。

该系统允许 JavaScript 告诉浏览器：

我操纵了 DOM，因此用户可以有效地查看新页面。 如果你去这个 URL然后服务器会发送给你这个页面。

不幸的是，默认情况下 Angular 没有做任何事情。 可以使用三种方法让服务器开始玩球。

• 配置服务器以服务引导程序 HTML 文档，然后依赖 JavaScript 为 URL 更新它（这对缓存不利，对 HTTP 状态代码不利，对搜索引擎不利，对搜索引擎不利，并且在 Github 页面上不可能）。
• 实施服务器端呈现（例如，使用Angular Universal ），您可以在其中使用 Node.js 或类似的代码生成 HTML 服务器端以进行初始页面加载，使用与您发送以在浏览器中运行的代码相同的代码。 （这在 Github 页面上是不可能的）。
• Static 站点生成（例如使用Scully ），您可以在构建时为所有页面生成 static HTML 文档。

或者，保持单个 HTML 文档，放弃历史 API，并将其替换为 URL 方案，该方案基于您只有一个 HTML 文档的前提。 使用HashLocationStrategy ）。