vue history 微信jssdk授权失败解决办法

bug再现：

前提保证后端签名都正确，我的是正确的，前端时不时会出现授权失败的情况。

IOS微信访问vue history模式的页面，

A页面，需要微信授权，调用jssdk使用扫描二维码接口，打开方式：直接从url进入或者别的页面进入。

B页面，支付页，打开方式：需要从别的页面进入。

直接访问A页面：微信授权正常扫一扫正常使用。从别的页面进入A页面，授权失败，提示【invalid signature】。

B页面一直正常。

问题原因：

ios的微信在vue使用history模式时，当前的“地址栏”的url不是真实的当前页面的URL，而是第一次进入的url，也就是说，

当用户在操作页面的时候，无论进了几个页面，跳转到哪里，当前页面是什么，当前地址栏的url始终是第一次进入的url。

解决办法：

在vue-router的index.js里

router.afterEach(async (to, from) => {if (window.__wxjs_is_wkwebview) { // IOSif (window.entryUrl == '' || window.entryUrl == undefined) {var url = baseLocation  +to.fullPathwindow.entryUrl = urlconsole.log('IOS', window.entryUrl)} else {console.log('IOS2', window.entryUrl)}} else { // 安卓window.entryUrl = baseLocation +to.fullPath}})

意思是定义一个全局变量，这个变量等于第一次进入的地址

在需要授权的页面里：

    async wxInit() {console.log("授权地址", window.entryUrl);//这里单独提出来let data = await http.go(api.getSignature,{ url: window.entryUrl },true);if (data.no == 1) {await wx.config({debug: false,appId: data.obj.appid,timestamp: data.obj.timestamp,nonceStr: data.obj.noncestr,signature: data.obj.signature,jsApiList: ["scanQRCode"]});} else {this.$toast("请刷新页面再试");}},

后端签名的地址使用这个全局变量即可

转载于:https://www.cnblogs.com/6324/p/10478618.html

vue history 微信jssdk授权失败解决办法相关推荐

iOS开发苹果开发者企业账号续费，提示你的支付授权失败解决办法
最近续费公司帐号都没有问题,续费企业帐号时提示"你的支付授权失败.请核对你的信息并重试,或尝试其他支付方式",目前已经续费成功,提供一些方法. 网上提供的方法(他们说可行,但是不是 ...
UAP_STUDIO授权失败解决办法
把本地的studio的安装目录下的\Platform\bin的lic.data文件删掉然后把授权服务器上的bin\licsec.data文件删掉.. 然后重新授权搞定
关于vue路由模式导致微信jssdk授权问题的正确解决姿势
如何正确解决vue路由模式weixin-jssdk授权问题第一种情况:最常用的history模式第二种也比较常用,hash模式第三种就是memoryHistory 总结第一种情况:最常用的hi ...
php微信公众号测试号token配置失败,微信公众号Token配置失败解决办法
前言今天生病在家,由于我的微信公众号被投诉了,因此影视站接口被迫关闭,于是就想着给大家分享 APP,于是就用了下微信的自动回复, 想着能否把这个自动回复对接到 MIPCMS 上,于是就开干.但是微信 ...
王者荣耀微信登录服务器找不到,王者荣耀微信登录失败怎么办王者荣耀微信登录失败解决办法...
王者荣耀微信登录失败怎么办?看到有的玩家在玩游戏时遇到过微信登录失败.登录超时等问题,小编为此作了一篇王者荣耀微信登录失败解决办法,一起来看看吧! 王者荣耀微信登录失败原因: 1.网络不稳定大部分网 ...
苹果4S手机IOS6.1.3系统《微信6.2》登录失败解决办法！100%成功！小白也会用！
苹果4S手机IOS6.1.3系统<微信6.2>登录失败解决办法!100%成功!小白也会用! 首先我要鄙视那些正在IOS6.1.3上使用微信,而又不分享成功方法的人,自己悄 ...
## 微信web开发者工具网络连接失败解决办法，基本百分百成功
微信web开发者工具网络连接失败解决办法,基本百分百成功下载抓包工具然后直接打开微信开发者工具即可解决网络连接失败问题安装 Charles 然后启动一下就行了.此时再启动微信开发者工具就可以扫描二 ...
前端基于vue企业微信JS-SDK语音识别功能开发（同公众号）
前端基于vue企业微信JS-SDK语音识别功能开发(同公众号) 微信JS-SDK 1.前期准备前端代码撰写微信JS-SDK 前端需要实现一个功能,如录音,拍照,分享,地理位置等,前端想要实现这些功 ...
idea验证失败_SVN提示https证书验证失败解决办法
技术分享之 <SVN提示https证书验证失败解决办法>--我要编程技术手册系列 svn提交代码时报错,证书认证失败 Commit failed with error 0 files co ...

vue history 微信jssdk授权失败解决办法

vue history 微信jssdk授权失败解决办法相关推荐

最新文章

热门文章