缓存对于前端页面来说,是加速页面加载的利器之一,但也同时带来了很多问题,比如新版本发布之后,怎么替换客户端上的缓存文件呢?大家一般的的解决方案主要有以下几种形式,

一般情况

1、添加版本号,在静态

location ~* ^.+\.(jpg|jpeg|gif|png|ico|

4、在

微(keng)信(die)浏览器

微信浏览器下比较特殊,这个bug一样的存在居然把入口文件

方案一(部分框架无效)

最开始碰到这个问题,我在想是不是可以给入口文件的

理论上来说,这样应该是可以的,但发现没有用。分析原因可能是

location / {

root /mnt/dat1/test/tes-app;

index index.

这个解析的过程中版本号已经失效了,因此没能达到替换缓存的目的。至于其他的框架下,比如ftl、jsp那种模版编译的有可能生效,不过需要大家自己去验证了。

方案二(有效)

再换一种方案,更改服务器配置,强制不缓存入口文件,其他静态正常缓存,比如在nginx中对静态部分如下

location / {

root /mnt/dat1/test/tes-app;

index index.html index.htm;

try_files $uri $uri/ /index.html;

#### kill cache

add_header Last-Modified $date_gmt;

add_header Cache-Control 'no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0';

if_modified_since off;

expires off;

etag off;

}

location ~* ^.+\.(jpg|jpeg|gif|png|ico|

最终经过测试,这种方式可以解决微信下入口文件被缓存的问题,问题解决~~

题外话

说到这里,微信浏览器为什么要缓存html文件呢?

1、难道也是加速页面加载?并不见得是这个原因,因为这可能带来的问题大于带来的优化效果。

2、缓存入口页面和保留上次浏览位置是否有关联呢?感觉关联度也不是那么大

补充:微信浏览器取消缓存的方法

一、通过url参数避免html文件缓存

请求同一个页面的时候,如果url后面的参数不一样,则不会调用微信缓存中的html页面,由此可以解决html页面的缓存问题。例如加个版本号或时间戳

www.xxx.com/home.html?v=1.0

二、避免

以上工作完成之后,我们解决了html的缓存问题,但是通过访问nginx(或是其他工具)的日志发现,虽然带上了不同的参数,html确实不会缓存了,但是却没有js和

猜测在这里,微信发现我们所请求的js和

所以我们要在html文件的头部(head)处加上一些meta:

ps,网上很多答案都提供了添加在head处的meta,但是有的人说没有用。目测是因为meta只能保障js和

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持前端开发者。