微信小程序H5页面缓存问题处理

Posted 2023-05-10

参考技术A 微信小程序会缓存H5页面，导致页面升级之后不能及时刷新。

这种情况通过配置nginx不缓存静态页面无法影响到小程序缓存。

假设H5请求地址是 https://xxx/h5/

用户进入小程序之后生成一个数字，请求H5时把数字拼接到URL后缀即可。

例： https://xxx/h5/222/

微信小程序webview的缓存问题

参考技术A 小程序webview的页面缓存会影响开发中的调试和生产中的使用

1.页面缓存由浏览器缓存引起，那么可以通过设置来修改浏览器缓存。
可以通过nginx设置cache-control 来关闭浏览器缓存

2.由于是单页面应用，所以只需要对index.html设置即可。
对index.html中的资源地址，也会存在缓存，可以通过webpack构建时加入hash值解决。