根目录下的 Angular GitHub 页面应用程序隐藏了项目页面应用程序答案

【问题标题】：Angular GitHub pages app at root hides project pages app根目录下的 Angular GitHub 页面应用程序隐藏了项目页面应用程序
【发布时间】：2021-05-02 07:35:09
【问题描述】：

我有一个 Angular 应用程序部署到 GitHub 页面 <user>.github.io（具有匹配的存储库名称）作为我的投资组合站点。我在<user>.github.io/<project> 部署了另一个Angular 应用程序，并正确设置了基本href。但是，在尝试访问项目页面时，我被重定向到投资组合页面，包括 URL 的更改。

两个存储库都使用构建到 gh-pages 分支根目录的 GitHub 操作。两个应用程序都将其index.html 文件复制到404.html。

这是投资组合网站的路线：

const routes: Routes = [
  {
    path: '',
    component: HomeComponent,
    pathMatch: 'full',
  },
];

在我的浏览器中访问 URL <user>.github.io/<project> 会将我重定向到 <user>.github.io，并显示一个包含我的投资组合网站布局的空白页面。

【问题讨论】：

标签： angular github-pages

【解决方案1】：

我决定切换到 NextJS，我的问题就解决了。无效路由不再回退到 404，如果存在，将访问项目页面。否则，它会找到 GitHub pages 的 404 页面。

【讨论】：