幽灵资源网 Design By www.bzswh.com
前文
APP内嵌H5已经很普遍了，但是每个app提供的webview表现都不太一样，在开发中遇到了一个非常棘手的缓存问题。APP启动时加载了我们商城项目的H5代码，然后把index.html文件缓存到了本地。
记录一下
问题表现
H5项目打包上线后，由于静态资源js和css文件名后面都带了哈希值，这是webpack打包带上的，也是为了=防止缓存。但是在app启动后由于缓存了html请求的还是上个版本包的静态资源，导致index.a878n.js找不到404，页面吧白屏了。-----我们H5项目打包上线后，服务器上上个版本的代码就清掉了。
解决办法
我们一开始给html加上了一段随机数，就是app加载到html时，在url后面加随机数，但是发现webview的html缓存，导致我们的js修改是更新不上的。
最后解决方案是，app端加载项目时在域名后加时间戳并升级app才可。
为了避免这种问题出现，那就是项目首次上线时就要在html内给url加上随机数，让webview不缓存html到本地。
前端大佬给推荐的是一开始就要配置nginx ，强制不缓存html
location / {
expires -1;
add_header 'Cache-Control' 'no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0';
try_files $uri $uri/ @router;
index index.html;
}
幽灵资源网 Design By www.bzswh.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
幽灵资源网 Design By www.bzswh.com
暂无评论...