Angular 7 在 gh-pages 上托管的 PWA 问题答案

【问题标题】：PWA issue with Angular 7 hosting on gh-pagesAngular 7 在 gh-pages 上托管的 PWA 问题
【发布时间】：2019-05-05 20:50:33
【问题描述】：

我创建了一个 Angular 应用程序 https://github.com/tavishaggarwal/Profiler/tree/dev 我已经在应用程序上启用了服务人员。

当我在测试我的网站时，在 http-server 上将其离线，它与所有离线功能都可以正常工作。

但是当我在 GitHub pages (https) 域上部署我的网站时。 https://tavishaggarwal.com/ 我正在尝试使我的网站脱机，它返回给我 504 错误。

我用来构建应用程序的命令：

ng build --prod --base-href "https://tavishaggarwal.com/"

当我在 Chrome 开发者工具中查看应用程序选项卡时，我可以看到我的应用程序已成功注册到服务工作者中。

请帮助我理解我在这里做错了什么。

【问题讨论】：

也许您需要在ngsw-config.json 文件中进行一些配置，使其也可以离线工作
@PardeepJain 在 localhost 服务器上工作时找不到任何可以更改的地方。
@TavishAggarwal 你解决问题了吗？

标签： angular progressive-web-apps

【解决方案1】：

我正在写一篇关于如何执行此操作的帖子。我的部署脚本看起来像这样npx ng build --prod --base-href '/' && echo "<custom-domain.tld>" > dist/<project-name>/CNAME && npx ngh --dir=dist/<project-name> 发现每次使用ngh 进行部署时，都需要指定dist/<project> 文件夹并添加CNAME 文件以使用自定义域。

【讨论】：