Angular如何防止缓存?
创始人
2024-10-29 07:00:31
0

在Angular应用程序中,可以使用以下方法防止浏览器缓存文件:

  1. 给应用之后的所有文件添加版本号(如?v=1.0.0),以便每次更改后都能强制客户端从服务器重新下载文件。可以在Angular的构建配置文件(angular.json, .angular-cli.json等)中配置输出文件名带上版本号:
"outputHashing": "all"

或者手动使用以下语法添加版本号:


  1. 让Angular服务端生成的HTML具有唯一性,以便客户端从服务器获得新页面的HTML而不是缓存的HTML。可以在app.module.ts文件中,通过指定providers为APP_INITIALIZER,以便在应用程序启动时执行:
import { NgModule, APP_INITIALIZER } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';

export function initApp() {
  // 用随机数作为版本号
  const version = Math.random();
  document.cookie = `appVersion=${version}`;
}

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule],
  providers: [
    {
      provide: APP_INITIALIZER,
      useFactory: initApp,
      multi: true
    }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

这将在应用程序房启动时随机生成一个版本号,并以cookie的方式存储。每当重新启动应用程序时,都会生成新的版本号。

注:这种方法基于一个假设:如果HTML是唯一的,那么它的资源也应该是唯一的。

  1. 配置服务器(如Nginx)为禁用浏览器缓存,以便客户端从服务器获取更新的文件。可以将下面的代码放入服务器的配置文件中:
location / {
  //

相关内容

热门资讯

1分钟实锤!智星德州菠萝外挂(... 1分钟实锤!智星德州菠萝外挂(德州)总是真的是有挂(详细辅助AA德州教程);1、任何智星德州菠萝外挂...
2分钟实锤!智星德州菠萝外挂(... 2分钟实锤!智星德州菠萝外挂(来玩德州)竟然是真的有挂(详细辅助技巧教程)1、任何智星德州菠萝外挂a...
第8分钟实锤!智星德州菠萝辅助... 第8分钟实锤!智星德州菠萝辅助器(德州ai)总是真的是有挂(详细辅助介绍教程)1、用户打开应用后不用...
8分钟实锤!德扑之星猫腻(德州... 8分钟实锤!德扑之星猫腻(德州wepower)确实真的是有挂(详细辅助第三方教程)1、德扑之星猫腻系...
第2分钟实锤!智星德州菠萝(线... 第2分钟实锤!智星德州菠萝(线上德州)切实有挂(详细辅助第三方教程)第2分钟实锤!智星德州菠萝(线上...
3分钟实锤!德扑ai助手(nz... 3分钟实锤!德扑ai助手(nzt德州)确实是有挂(详细辅助透明挂教程);1、玩家可以在德扑ai助手软...
第二分钟实锤!德扑之星有猫腻(... 第二分钟实锤!德扑之星有猫腻(德州app)本来真的有挂(详细辅助wpk教程)1、第二分钟实锤!德扑之...
第十分钟实锤!德州之星外挂(德... 第十分钟实锤!德州之星外挂(德州nzt)果然真的有挂(详细辅助AI教程)该软件可以轻松地帮助玩家将德...
第3分钟实锤!智星德州菠萝有挂... 第3分钟实锤!智星德州菠萝有挂吗(nzt德州)其实有挂(详细辅助科技教程)1、点击下载安装,智星德州...
第6分钟实锤!德扑之星有作弊(... 第6分钟实锤!德扑之星有作弊(nzt德州)真是存在有挂(详细辅助黑科技教程)进入游戏-大厅左侧-新手...