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、任何随意玩最新跳转链接有...
玩家必看科普!微乐陕西三代自建... 玩家必看科普!微乐陕西三代自建房挂,广东雀神挂机怎么样,详细软件(有挂技术)微乐陕西三代自建房挂是不...
总算了解!米娱gm游戏辅助工具... 总算了解!米娱gm游戏辅助工具,微乐小程序辅助器,详细脚本(讲解有挂)1、完成米娱gm游戏辅助工具有...
科技通报!新518互游插件,哥... 科技通报!新518互游插件,哥哥打大a外挂,详细神器(有挂猫腻)1、每一步都需要思考,不同水平的挑战...
科技新动态!微信西楚辅助,小程... 科技新动态!微信西楚辅助,小程序跑得快的辅助,详细app(有挂实锤)1、许多玩家不知道小程序跑得快的...
技术分享!免费游戏辅助软件,微... 技术分享!免费游戏辅助软件,微乐智能辅助真的假的,详细神器(有挂实锤)1、该软件可以轻松地帮助玩家将...
发现一款!新畅游插件,微信小程... 发现一款!新畅游插件,微信小程序修改器,详细工具(有挂秘籍)1、微信小程序修改器辅助器安装包、微信小...
9分钟了解!斗城麻将微信有没有... 9分钟了解!斗城麻将微信有没有挂,斗棋有bug么开挂,详细插件(有挂方法)1、上手简单,内置详细流程...
三分钟了解!八闽十三水破解版辅... 三分钟了解!八闽十三水破解版辅助,途游四川辅助器小程序,详细教程(详细教程)1、途游四川辅助器小程序...
玩家必知教程!奇迹山西辅助器,... 玩家必知教程!奇迹山西辅助器,长乐互娱软件助手,详细软件(有挂规律)1、操作简单,无需长乐互娱软件助...