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

最近使用了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.includes('iPad')
  return isIphone || isIpad
}
if (!window.entryUrl) {
  window.entryUrl = location.href.split('#')[0]
}

const url = isIOS() ? window.entryUrl : location.href.split('#')[0]

export default {
    ...
}
</script

之后使用 这个url调用接口就好了 entryUrl 只是一个变量存在了window下 其任何名字都可以,只要和原window下的变量不冲突。

这个错误提示是由于在Vue H5页面分享到微信时,分享链接的签名无效导致的。 在微信分享中,需要对分享链接进行签名,以确保链接的完整性和安全性。签名的原理是利用配置的appID、appSecret、noncestr(随机字符串)和timestamp(时间戳)等参数,通过特定的算法生成一个字符串,再将这个字符串进行加密得到签名signature微信客户端在收到分享链接时,会根据这个签名来验证链接的合法性。 出现"invalid signature"的错误提示,通常是由以下几个原因导致的: 1. 参数配置错误:检查在使用微信分享API时,是否正确配置了appID和appSecret等参数。需要确保这些参数的值是有效的,并且与微信开放平台中的配置一致。 2. 签名生成错误:签名算法可能有误。可以参考微信提供的官方文档,了解签名算法的具体步骤和规则,确保在生成签名时没有遗漏或错误处理相关参数。 3. 随机字符串和时间戳:noncestr和timestamp参数可能未传递或传递错误。在生成签名时,需要使用正确的noncestr和timestamp值。 4. URL编码问题:分享链接中如果包含特殊字符或需要URL编码的字符,需要在生成签名时进行正确的编码处理。 如果还是无法解决该错误,可以尝试在开发者工具中调试,查看具体的错误信息,以便定位问题所在。同时,可以参考微信开放平台的相关文档和社区中的讨论,寻找其他开发者遇到类似问题的解决方法。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值