角度 github.io 路由导致 404答案

【问题标题】：angular github.io routing results in 404角度 github.io 路由导致 404
【发布时间】：2022-11-06 01:36:52
【问题描述】：

我正在从事一个涉及角度 UI 的个人项目。它在本地按需要工作，但是当我将它部署到 github.io 时，我无法让路由工作。路由非常基本，尽管进行了数小时的研究，但我不知道出了什么问题。

这是非常有限的路由：

const routes: Routes = [
  {path: 'google', component: GoogleHandlerComponent}
];

在本地运行，这条路线如图所示。 “1234”是在调用路由时确认组件处于活动状态并且正在工作。

但是，当部署到 github.io 时，生成的部署 (danhass.github.io) 在路由被命中 (https://danhass.github.io/google) 时会出现 404（找不到页面）。但是，基本 href 工作正常 (https://danhass.github.io)。

我尝试将各种 base-hrefs 添加到 ng 构建中，但没有成功。

【问题讨论】：

这绝对是 github 的事情。我现在已经直接从同一个 github 存储库 (https:danhass.github.io.vercel.app) 将测试应用程序发布到 vercel，并且路由完全按预期工作。具体来说，vercel 上的“/google”路由呈现与在 localhost:4200 上运行时完全相同的渲染。
我“猜测”“解决方案”是：“不要为你的 Angular 应用程序使用 github 页面。Vercel 也是免费的，使用相同的 cicd，并且可以工作。”
除非有人有“真正的”解决方案，否则我会接受。

【解决方案1】：

我发现在 github.io 上使用 Angular 路由的唯一方法是使用以下配置：

    ], providers: [
        {provide: LocationStrategy, useClass: HashLocationStrategy},
    ],

但这将使您无法在应用程序中使用锚点。

对我来说，最好的解决方案是你分享的那个：使用另一个系统，比如 vercel

【讨论】：