对于新上线的javascript与客户端缓存存在冲突,到时客户端执行的是老代码的问题解决

本文探讨了浏览器缓存机制中出现的问题,并介绍了通过版本号控制缓存的方法。此外,还详细解释了HTTP头部字段(如Expires、cache-control等)在缓存控制中的作用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

首先是自己学习整理,估计写得有些混乱。反正打个草稿,给自己留个印象。

 

由于客户端浏览器存在Cache的功能,来提高用户响应体验,所以时常会碰见这样的情况,客户端缓存的代码是旧代码,导致一列问题:如客户端调用后台已经废弃或者修改过的接口,导致js报错甚至是后台报错,导致业务无法正常开展。

如何解决这个问题呢? 解决的办法就是通过调用或者引入js文件的地方通过版本号来完成控制,这样既不和报头中的expire、cache-control相冲突。

 

 

同时真正对于页面缓存的影响的是http报文头中的几个关键字段:Expire、cache-control、if-modified-since、last-modified、if-none-match、Etag。

备注:

①如果同时存在cache-control和Expires怎么办呢?
浏览器总是优先使用cache-control,如果没有cache-control才考虑Expires
②If-Modified-Since和Last-Modified的特殊说明
request发起If-Modified-Since。服务端在接收到后和Last-Modified进行比较。如果If-Modified-Since>=Last-Modified那么就返回304
告诉客户端获取本地缓存文件。
③对于跨服务集群的,无法统一时间,或者系统时间调整后导致的,这样使用If-Modified-Since和Last-Modified就不好使用了。应该通
过If-None-Match和ETag来进行比较版本。如果服务端和客户端两侧的该值一致,则服务器告诉客户端304,客户端获取本地缓存内容。

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值