IIS 子文件夹中的 Angular PWA 无法脱机工作

Question

当我将 angular pwa 应用程序发布到 IIS 中的子文件夹时，pwa 应用程序无法离线工作。

ng build --prod --baseHref=/subfolder/ 没有帮助。

我在网站上使用 https。

如果应用程序不是发布到 IIS 的根目录而是发布到 IIS 的子文件夹，那么如何准确地重新配置 angular pwa 应用程序以使其脱机工作？

发布到 IIS 子文件夹后，是否有人有 angular pwa 应用程序脱机工作的功能演示？

Answer 1

我知道我在这方面已经很晚了，我也在这方面苦苦挣扎，最后按照以下步骤解决了问题：

1. 在manifest.JSON文件中，设置"scope": "."和"start_url": "./"。这表明您正在使用子目录。

2. 然后使用 CLI 命令构建项目 ng build --prod --baseHref=/Your_sub_directory_name/

3. 最后将dist文件夹内容粘贴到您指定的Your_sub_directory_name IIS 位置。

4. 然后只需刷新页面并等待注册服务工作者，您可以在 chrome 的开发人员工具的应用程序选项卡中查看。一旦 service worker 被注册，只需切换到离线模式，页面就会在离线状态下正常工作。