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

Posted 2023-03-05 奥特曼　

最近使用了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下的变量不冲突。