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

Question

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

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

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

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

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

标签： angulargithub-pages

Answer 1

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