在 IIS 上部署 Angular 项目时，Service Worker 未在脱机模式下工作答案

【问题标题】：Service worker is not working in offline mode when angular project is deployed on IIS在 IIS 上部署 Angular 项目时，Service Worker 未在脱机模式下工作
【发布时间】：2020-04-09 20:59:28
【问题描述】：

我创建了一个 angular (angular 7) 应用程序，然后向其中添加了 ng add @angular/pwa angular PWA 库。现在，在使用ng build --prod 构建它，然后通过节点的http-server 将应用程序提供给localhost:8080 之后，我的应用程序在本地主机的离线模式下运行良好。

但是当我使用 ng build --prod --base-href /myProject/ 构建相同的应用程序以部署在 IIS 上时，应用程序工作正常，但是当使用 chrome 的开发工具切换到 offline mode 时，我收到错误 HTTP Error 504。

请提出导致这种奇怪行为的原因以及如何解决它。

【问题讨论】：

参考这个答案：stackoverflow.com/a/59393706/9444169

标签： angular iis progressive-web-apps angular-service-worker

【解决方案1】：

您可以尝试在构建时省略“--base-href /myProject/”

【讨论】：

省略此命令后，我将无法将项目部署到 IIS 的子文件夹中。
该命令的结果将是根目录下的“dist”文件夹，只需将其内容复制粘贴到您的 IIS 文件夹，这应该可以，
我试过了，但没有运气。我怀疑它与构建 Angular 应用程序的方式有关。
尝试修改你的 index.html 文件--base-href=./