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

Question

我创建了一个角度应用程序https://github.com/tavisaggarwal/Profiler/tree/dev 我已经在应用程序上启用了服务工作者。

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

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

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

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

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

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

标签： angularprogressive-web-apps

Answer 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文件以使用自定义域。