我如何在 Github Pages 上将 Angular 应用程序部署为 https://USERNAME.github.io答案

【问题标题】：How can i deploy angular app as https://USERNAME.github.io on Github Pages我如何在 Github Pages 上将 Angular 应用程序部署为 https://USERNAME.github.io
【发布时间】：2020-06-03 13:19:08
【问题描述】：

我正在尝试使用 angular 创建一个投资组合并将其部署在我的用户 github 页面 (username.github.io) 上，但我无法使其工作...

我正在做的步骤：
1- 在我的 github 根目录上创建了一个名为“username.github.io”的存储库；
2- ng 新的投资组合--dir=。（所以项目将创建在“username.github.io 文件夹”上）；
3- 更改“angular.json”文件，使 outputPath 仅为“dist/”，从中删除工作组合；
4- ng build --base-href=https://username.github.io/;
5-ngh;
6- 提交更改并将更改推送到主服务器；

没有显示错误消息，但是当我尝试访问 url “username.github.io”时，它显示错误 404。

我尝试了很多不同的配置，每次都会发生不同的事情。在 github 上，我的 repo 被配置为使用 master 分支（这是默认配置，不能为用户页面更改）。

编辑：

您可以通过以下方式查看：https://arthurobdfv.github.io/
和回购：https://github.com/Arthurobdfv/arthurobdfv.github.io

【问题讨论】：

没有 dist 文件夹 - 从 .gitignore 中删除它
另外，我记得应该以另一种方式完成：请阅读文档(help.github.com/en/github/working-with-github-pages);检查项目的设置 - 它会说明它将在哪里发布。此外，最终 URL 应该类似于 arthurobdfv.github.io/arthurobdfv.github.io
你master 分支似乎只包含源代码。要发布的 HTML 位于分支 gh-pages。因此，请验证您是否已将分支 gh-pages 配置为发布并推送分支。
@andriishupta 这次我尝试使用“docs/”文件夹，但如果你再看一遍，我这次是用 dist 构建的。
啊，是的，见the docs: "用户和组织站点的默认发布源是主分支。如果您的用户或组织站点的存储库有一个主分支，您的站点将从该分支自动发布。您不能为用户或组织站点选择不同的发布源。“因此您必须配置 Angular 以在 master 中生成 HTML 并发布 master。

标签： angular git deployment configuration github-pages

【解决方案1】：

在这个很棒的社区的帮助下，我通过在 ngh 命令上添加“分支”选项使其正常工作！！！

对于用户和组织页面，与项目页面不同，github 在 master 分支上查找已编译和构建的文件，并且 ngh 命令默认使构建在“gh-pages”分支上可用。

【讨论】：