vue微信浏览器安卓正常 ios config 报错 “errMsg“:“config:invalid问题

在使用wx-js-sdk时,遇到iOS设备配置wx.config时出现invalidsignature错误。问题源于iOS的history模式导致页面URL只记录第一次进入的状态。微信推荐使用hash模式,但该问题在2023年仍然存在。解决方案是检测设备类型,保存入口URL为window.entryUrl,在iOS设备上使用该URL进行接口调用,避免因history模式引发的问题。

最近使用了wx-js-sdk,对接了一下微信环境下的功能,在使用wx.config中android 上可以config ok 的 但换到苹果上 报出invalid signature的错误。

对于这个问题 出于以下几个原因:

1. 使用了history模式

2. ios访问只记录第一次的页面,跳转页面时页面不会改变(刷新及正常),android 正常

3. 所以当传入window.location.href 时传入的总是第一次进入的页面,即使你打印或使用vconsole调试 虽然是当前的但是都没用(这点比较坑人)

微信官网在之前版本也描述过

微信给的方法就是 使用hash  /苦笑 ^_^  微信也提到过不会存在这个问题,但是23年也遇见了  /苦笑 ^_^   看了下github中的lssue 提出问题在 2016年... 

issue地址:关于html5-History模式在微信浏览器内的问题 · Issue #481 · vuejs/vue-router · GitHub

解决方案:

<script>

const isIOS = function () {
  var isIphone = navigator.userAgent.includes('iPhone')
  var isIpad = navigator.userAgent.inclu
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值