首页 > 其他分享 >前端项目更新的缓存问题

前端项目更新的缓存问题

时间:2023-05-13 14:23:30浏览次数:37  
标签:index 缓存 前端 配置 更新 nginx html

问题描述:

微信公众号前端项目更新总会遇到不会加载最新代码问题,需要进行多次刷新或手动清空微信缓存。

问题分析:

1、前端项目本身是否存在缓存配置;

2、nginx 是否存在缓存配置。

解决方案:

在前端项目配置做过动态 hash 处理的前提下,更新后构建输出的 css js 图片等文件会被重新请求,只需要考虑如何禁用 index.html 缓存。

1、index.html 如果存在以下禁用缓存配置,应进行删除处理

<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />

2、nginx 配置

location /demo1 {
 alias E:/nginx-1.20.2/front/demo1;  
 index  index.html;
 # 只禁用入口页面缓存
 if ($request_filename ~* .*\.(?:htm|html)$) {
   add_header Cache-Control 'private, no-store, max-age=0';
}
}

参考资料:

标签:index,缓存,前端,配置,更新,nginx,html
From: https://www.cnblogs.com/wxyblog/p/17349453.html

相关文章

  • 小白学前端--001 VSCode安装+插件+字号调节
    工于利其事必先利其器,学前端工具选择很重要。一、VSCode是不错的选择。安装步骤不再赘述,一路下一步即可。vscode折叠左侧窗口,ctrl+B二、插架选择1、OpeninBrowser  (在代码中右键选择,在默认浏览器查看代码执行效果)2、Chinese(Simplified)(简体中文)......
  • 必知必会的JavaScript前端面试题篇(二),不看后悔!
    必知必会的JavaScript前端面试题篇(二),不看后悔!1.JavaScript有哪些数据类型以及它们的区别?js一共有八种数据类型,分别是:Undefined,Null,Boolean,Number,String,Object,Symbol,BigInt其中Symbol,BigInt是ES6中新增的数据类型:Symbol:代表唯一的数据类型,主要为了解......
  • 使用 jQuery Mobile 与 HTML5 开发 Web App (十七) —— HTML5 离线缓存
    本文要介绍的,是HTML5离线网络应用程序的特性,离线网络应用程序在W3C中的实际名称是"OfflineWebapplications",也称离线缓存。当用户打开浏览器时,浏览器会将一个列表中指定的资源都下载并储存在本地。下次当用户再访问这个网络程序时,浏览器会自动引用本地缓存中相应的文件,而......
  • 面试笔之前端状态码大全
    目录这些状态码被分为五大类:一些常见的状态码为:详细分解:这些状态码被分为五大类:100-199用于指定客户端应相应的某些动作。200-299用于表示请求成功。300-399用于已经移动的文件并且常被包含在定位头信息中指定新的地址信息。400-499用于指出客户端的错误。500-599用于......
  • 前端 Website 的 sitemap.xml 文件和搜索引擎优化
    前端Website的sitemap.xml文件是一个XML格式的文件,其中包含了网站中所有页面的链接,这些页面可以是HTML页面、博客文章、产品页面、分类页面等等。Sitemap文件的作用是向搜索引擎提供关于网站的信息,帮助搜索引擎更好地索引网站内容,提高网站在搜索结果中的排名。Sitemap.xml......
  • 详解缓存更新策略及如何选择
    概述缓存更新是指在数据发生变化时,保持缓存和数据库的数据一致性的问题。如果缓存和数据库的数据不一致,会导致用户看到过期或者错误的数据,影响业务逻辑和用户体验。为了实现缓存更新,我们可以采用以下四种方式其中的一种:CacheAside策略:应用程序直接与数据库和缓存交互,并负责......
  • XMind 2022更新,最新修复版XMind 2022下载
    XMindforMac是一款专业的思维导图软件,可以帮助用户更好地组织思维、管理信息、规划项目和解决问题。它提供了丰富的模板和工具,使用户能够创建美观、清晰、易于理解的思维导图。XMindforMac支持多种导图类型,包括思维导图、鱼骨图、组织结构图、流程图、时序图、脑图等,可以满足......
  • 没关系,前端还死不了
    前言网络上的任何事情都可以在《乌合之众》书中找到答案。大众言论没有理性,全是极端,要么封神,要么踩死。不少人喷前端,说前端已死?前端内卷?前端一个月800包吃住?对此我想说,“前端已死”更多的是一种焦虑情绪的表达,但这并不是针对前端。本文笔者会从以下几个方面分享,希望能够帮助正在......
  • 泛微代码刷新缓存
    工具类:weaver.monitor.cache.CacheFactory;相关方法:ResultMapgetRecordCache(Stringvar1,Object...var2)refreshCache(Stringvar1,Objectvar2,ResultMapvar3)removeCacheForSql(Stringsql,Object...var2) ......
  • 前端播放.flv视频流视频
    首先提供一个测试.flv视频是否可以播放的小工具:一、测试工具使用可以自己下载potplayer这个软件,很小的一个软件,使用很方便,可以自己测试视频流是否可用。下载链接如下:https://potplayer.en.softonic.com/download具体使用方法如下:在软件屏幕上右击,然后选择【打开】–>【打开链接......