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. 然后只需刷新页面并等待注册 service worker，您可以在 chrome 的开发者工具的应用程序选项卡中查看。一旦注册了 service worker，只需切换到离线模式，您的页面就可以在离线状态下正常工作。