Vue开发微信H5页面内容缓存问题

202 阅读1分钟

前阵子,做一个微信H5推广页面,用的是Vue+Mint UI,路由使用History模式下,在微信分享时,出现的页面内容不更新的问题。经测试,发现问题只出现在IOS上。

需求描述:同一个页面根据路由上的不同参数展示不同的内容。

出现的问题:加入我第一次打开页面是order/123/1,第二次打开order/123/2,展示的还是order/123/1的内容。

问题分析:因为苹果分享会是调取签名失败是因为:苹果在微信中浏览器机制和安卓不同,有IOS缓存问题,和IOS对单页面的优化问题,通俗点说安卓进行页面跳转分享时会刷新当前的url,而苹果不会,苹果是通过历史记录进来的,不会刷新url所以会导致签名失败(这里解释的可能不够详细,可以去百度)。

解决方法:用!window.location.href="...."来跳转传参。

代码:

参考文章:www.cnblogs.com/golddemon/p…