微信公众号H5页面缓存问题解决方案!

您所在的位置:网站首页 h5缓存原因 微信公众号H5页面缓存问题解决方案!

微信公众号H5页面缓存问题解决方案!

2024-07-11 22:25| 来源: 网络整理| 查看: 265

对于JS和CSS静态文件【取以下两种方案其一即可】 (1)在引用时加上动态版本号,例如 (2)动态命名问题,例如利用webpack等打包工具生成HASH文件名

这样还不能彻底解决缓存问题!!如果当用户获取到的HTML文件都是旧的,那引入的必将是旧的JS!引入的版本号或动态文件名都是旧的!

对于HTML文件 很多html链接都是固定的,无法支持动态加版本号等参数,因此需要寻求其他方法来解决Html文件缓存问题~ 利用服务端设置response Headers, 强制让HTML文件,每次都向服务器端强制校验文件有效性~

cache-control: max-age=0 Last-Modified: Fri,05 Jun 2020 09:52:12 GMT ETag: W/"5e5asdfs-98dc"

这样用户访问H5页面时,每次都会强制验证HTML文件有效性,若文件未发生改变则返回304状态码(取用户本地缓存的HTML文件),否则拉取新的文件内容~ 若用到了CDN服务,在每次上线时需要强制刷新CDN目录,清理缓存!!



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3