微信公众号H5（vue）开发中遇到的坑

最新推荐文章于 2022-05-12 13:53:37 发布

狂飙骚年

最新推荐文章于 2022-05-12 13:53:37 发布

阅读量2.1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： vue+webpack html+js+css 公众号开发

本文链接：https://blog.youkuaiyun.com/suixaingjun/article/details/83620925

vue+webpack 同时被 3 个专栏收录

11 篇文章

订阅专栏

html+js+css

6 篇文章

订阅专栏

公众号开发

1 篇文章

订阅专栏

本文详细解析了微信JS-SDK配置过程中遇到的坑，特别是在不同设备上（安卓与iOS）出现的授权问题。文章分享了一种解决config:invalidsignature错误的方法，指出在安卓与iOS环境下，URL的处理方式应有所不同。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先引入微信js......等等就不说了看文档就好了

wx.config({
  debug: true, //
  appId: response.result.appId, // 必填，公众号的唯一标识
  timestamp: response.result.timestamp, // 必填，生成签名的时间戳
  nonceStr: response.result.nonceStr, // 必填，生成签名的随机串
  signature: response.result.signature, // 必填，签名，见附录1
  jsApiList: ['chooseImage', 'uploadImage'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
})

config验证的时候最大的坑，在安卓手机中显示授权成功，在开发者工具中也显示授权成功，但是在ios中显示授权失败，各种尝试，各种查资料说是什么单页面应用路由的原因各种代码尝试了都不好使，甚至还去过了一遍官方api的兼容文件，然后并没有什么用还是一直在报 config:invalid signature, 定位是浏览器内核的问题（找了半天的开发者工具切换内核，em.....）,不费话了最后的结论就是在安卓下面在给后台获取config的数据验证的时候给穿的url是要事实变化的，在IOS中是不能变化的进入网站的初始网址是多少就要是多少，还因为这个把路由方式给改了，哼一会改回去，具体什么原因没有看到官网说明在哪（恕我眼拙）em.............