AngularPWA服务工作线程在部署到IIS后无法在离线情况下刷新
-
确认在部署前已经完成了以下步骤： a. 在Angular项目的根目录下执行 ng build --prod --base-href=/ b. 在Angular项目的根目录下创建 web.config 文件，并将其上传到IIS服务器
-
在 web.config 文件中添加以下配置：
-
在 app.module.ts 中添加以下代码：
import { ServiceWorkerModule } from '@angular/service-worker'; import { environment } from '../environments/environment';
@NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, AppRoutingModule, ServiceWorkerModule.register('/ngsw-worker.js', { enabled: environment.production }) ], providers: [], bootstrap: [AppComponent] }) export class AppModule { }
-
确认您已经在 Angular.json 文件中指定了 outputDir，例如：
"outputPath": "dist/my-project"
-
重新构建并部署您的应用程序。现在您应该可以在离线情况下更新您的 Angular PWA 应用程序。
请注意，如果使用 SSL，还需要确保 service worker 注册到正确的范围内。在 ServiceWorkerModule 中更新 ，并将您的 url 路径更新为 https://your-domain/ngsw-worker.js。