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

2024-11-2 22:19| 发布者: db4d5a85| 查看: 81| 评论: 0

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

前文

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

[code] 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; } [/code]

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

来源：https://www.jb51.net/html5/748812.html
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

收藏分享邀请

上一篇：利用HTML5做的导航条具体步骤下一篇：html5小步调飞入购物车(抛物线绘制活动轨迹点)

账号		自动登录	找回密码
密码			立即注册

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

相关分类

站长推荐 /6