本文介绍了如何解决H5页面缓存过大的问题。首先，通过在项目根目录文件中设置HTTP缓存策略，包括no-cache和no-store，确保每次访问都获取最新内容。其次，调整nginx部署配置，添加Cache-Control头信息为no-cache，防止页面内容被缓存。通过这些方法，可以有效避免用户因缓存导致的页面更新不及时问题。
H5页面手机端缓存太大解决方案
最近做一个供手机app调用的h5页面功能，使用vue做的，过程中发现项目缓存着实太大，解决方案如下：
1、在项目根目录文件中设置
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
清除缓存，no-cache表示请求或响应消息不能缓存，再次访问这个地址要重新下载，no-store用于防止重要的信息被无意的发布，在请求消息中发送将使得请求和响应消息都不使用缓存；
用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出 ；
最低0.47元/天 解锁文章
3000
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
