将Angular应用程序部署到Github页面

Github pages 是 Github 的一项功能，可让您免费托管静态网站或 Web 应用程序，就像将文件放在项目存储库的 gh-pages 分支中一样简单。 Angular CLI 以及一个名为 angular-cli-ghpages 的节点包使得部署到 Github 页面变得更加容易。

这篇文章涵盖了 Angular 2+ 应用程序的部署。

首先全局安装angular-cli-ghpages：

$ npm install -g angular-cli-ghpages

现在使用带有 --base-href 标志的 Angular CLI 来构建您的项目并设置正确的基本 href 位置：

$ ng build --prod --base-href "<repo-name>"

然后就像运行 angular-cli-ghpages 一样简单。 您可以使用 ngh 简写：

$ ngh

并做了！ 您的应用现在将托管在 https://username.github.io/app-name/

---

您可以选择在部署时向提交添加一条消息：

$ ngh --message="First deploy"

您还可以指定要部署的分支：

$ ngh --branch=production

最后，您始终可以在实际部署之前进行试运行以查看输出：

$ ngh --dry-run

单页 Web 应用程序修复

👉 如果您在将所有流量定向到 index.html 时遇到问题，请参阅 Back Halley Coder 的这篇文章以获得修复。 基本上，修复是一个简单的脚本，它使用会话存储和 404.html 文件中的元标记，该文件重定向到 index.html 并包含用户尝试访问的 url 的数据。