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中再调出 ;