http-headers - 如何在 Angular 13 中实现 max-age Cache 控制

Question

我尝试了创建缓存拦截器的 .ts 文件并添加下面提到的代码的上述方法，但是当我在浏览器中检查相同的标题时，相同的代码没有出现在我的标题中。我想设置一个 max-age，以便在部署 Angular PWA 后遇到问题的客户及时清除缓存。

这是我的 cache.interceptor.ts

intercept(req: HttpRequest<any>, next: HttpHandler) {
    const httpRequest = req.clone({
      headers: req.headers 
      .set('Cache-Control','no-cache')
      .set('Pragma', 'test')
    });
    return next.handle(httpRequest);
  }
}

这是我的 app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { CacheInterceptor } from './services/cache.interceptor';
import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule
  ],
  providers: [
    {provide: HTTP_INTERCEPTORS, useClass:CacheInterceptor,multi: true}
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }