解决vue 微信JSSDK注入权限时出现“invalid signature”（ios）

请求后台将当前页面的url传给后台，后台返回配置信息后使用wx.config注入权限，安卓无任何问题，但是iOS一直无法无法正常运行，url里也没带有#号，打开debug查看提示的invalid signature，并且报错的url不是我当前页面的url，而是首页的url。

我这边猜测是使用vue-router切换，操作浏览器历史记录，所以ios端微信浏览器锁定的url的还是首次打开页面的url，

我这边提供两个解决思路。

1.使用vuex保存首次加载页面的url，权限注入的时候使用这个url进行验证(做判断安卓还是使用原来的当前url，ios则使用此url，注意浏览器刷新和微信登录后需要重新存储url)

2.直接在每个页面都做一遍权限注入，如此一来只要首次打开的页面有被注入权限，其他页面再次注入权限即使失败也能继续使用jsapi【不推荐，不够优雅】

解决vue 微信JSSDK注入权限时出现“invalid signature”（ios）相关推荐

vue 单页面(SPA) history模式调用微信jssdk 跳转后偶尔 “invalid signature“错误解决方案
vue 单页面(SPA) history模式调用微信jssdk 跳转后偶尔 "invalid signature"错误解决方案参考文章: (1)vue 单页面(SPA) hist ...
解决 VUE 微信 IOS 路由跳转问题
解决 VUE 微信 IOS 路由跳转问题参考文章: (1)解决 VUE 微信 IOS 路由跳转问题 (2)https://www.cnblogs.com/taoquns/p/9713846.html ...
基于Vue实现拖拽效果以及解决VUE自定义拖拽指令时 onmouseup 与 click事件冲突
本人在开发中遇到实现一个基于vue的悬浮框拖动效果,经过努力研究最终实现了功能,一下是我的方法和部分代码,希望对您有所帮助,如有不对的地方还请指出.谢谢!下面步入正题: 首先展示一下功能的效果图: 要 ...
微信二次分享签名错误php,微信二次分享报错invalid signature问题及解决方法
基于微信公众号开发的h5页面(使用jssdk接口),由用户A分享给用户B,用户B再次分享这个页面时,不能成功分享.问题出在用户B收到的分享链接与用户A打开的链接不同 A用户的链接为 B用户收到的连接 ...
微信分享踩坑：config:invalid signature错误的解决方法
微信分享踩坑:config:invalid signature错误的解决方法一般出现这个错误多半是签名获取失败,而我根据我获取到的签名跟签名算法校验里面得到的签名是一样的,于是查找大量文档,核实可能 ...
vue页面加载时闪现_如何解决Vue.js显示数据的时,页面闪现
下面我就为大家分享一篇解决使用Vue.js显示数据的时,页面闪现原始代码的问题,具有很好的参考价值,希望对大家有所帮助. 今天开始学习Vue.js的使用,但是在学习过程中发现一个问题,那就是页面加载数 ...
企业微信 jssdk调用扫一扫安卓不行 ios又可以
<script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> <script sr ...
vue 微信 js-sdk 在 IOS 报：realAuthUrl invalid signature
问题:在 iOS 手机上 wx.config 配置失败,安卓手机正常. 问题原因: 因为用的是 vue 单页 spa,vue-router 切换的时候操作的都是浏览器的历史记录,iOS 会把第一次刚进 ...
解决VUE自定义拖拽指令时 onmouseup 与 click事件冲突
功能描述: 如图,右侧悬浮菜单按钮,只支持上下方向拖动,点击时展开或关闭菜单. BUG说明: 鼠标上下方向拖拽,如果松开时鼠标位于悬浮按钮上会默认执行click事件,经验证,click事件与mouse ...

解决vue 微信JSSDK注入权限时出现“invalid signature”（ios）

解决vue 微信JSSDK注入权限时出现“invalid signature”（ios）相关推荐

最新文章

热门文章