app内嵌H5 webview 本地缓存问题的解决

前文

APP内嵌H5已经很普遍了，但是每个app提供的webview表现都不太一样，在开发中遇到了一个非常棘手的缓存问题。APP启动时加载了我们 商城 项目的H5代码，然后把index.ht ML 文件缓存 到了本地。
记录一下

问题表现

H5项目打包上线后，由于静态资 源 js和css文件名后面都带了哈希值，这是webpack打包带上的，也是为了= 防 止缓存。但是在app启动后由于缓存了html请求的还是上个版本包的静态资源，导致index.a878n.js找不到404，页面吧 白屏 了。-----我们H5项目打包上线后， 服务器 上上个版本的代码就清掉了。

解决办法

我们一 开始 给html加上了一段随机数，就是app加载到html时，在url后面加随机数，但是发现webview的html缓存，导致我们的js修改是更新不上的。
最后解决 方案 是，app端加载项目时在域名后加时间戳并升级app才可。

为了避免这种问题出现，那就是项目首次上线时就要在html内给url加上随机数，让webview不缓存html到本地。

前端大佬给推荐的是一开始就要配置n gin x ，强制不缓存html

location / {
      e xp ires -1;
      add_header 'Cache-Control' 'no- Store , no-cache, must- rev alidate,  Proxy -revalidate, max-age=0';
      try_files $uri $uri/ @router;
      index index.html;
    }

到此这篇关于app内嵌H5 webview 本地缓存问题的解决的 文章 就介绍到这了,更多相关app内嵌Html5 webview 本地缓存内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！

总结

以上是 为你收集整理的 app内嵌H5 webview 本地缓存问题的解决 全部内容，希望文章能够帮你解决 app内嵌H5 webview 本地缓存问题的解决 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于app内嵌H5 webview 本地缓存问题的解决的详细内容...