美文网首页
Vue开发微信H5页面内容缓存问题

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

作者: 李小白Saa | 来源:发表于2019-08-26 10:29 被阅读0次

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

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

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

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

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

    代码:

    参考文章:https://www.cnblogs.com/golddemon/p/9445134.html

    相关文章

      网友评论

          本文标题:Vue开发微信H5页面内容缓存问题

          本文链接:https://www.haomeiwen.com/subject/bhxrectx.html