uni-app：处理微信浏览器中授权微信登录后，无法正常回退问题

一、情景

在微信浏览器中，需要使用用户微信的code数据，因此采用了"location.href"获取微信授权信息的方式来实现授权登录，并且在重定向页面中获取code，完成操作后需要返回上一页，但是这时候发现采用uni.navigateBack()或者$Router.back()只能回到微信授权的那一页，结果又一次重定向回现在的页面了。

/*** H5端微信授权登录* getApp().globalData.AppId: 配置的appid* redirect_uri: 当前页面或者你想要定向到的地址* scope: snsapi_base:静默登录 / snsapi_userinfo:弹出框登录*/
// #ifdef H5
let tar_url = location.href;
tar_url += location.href.indexOf('?') > -1 ? '&' : '?';
tar_url += 'ori_url=' + location.href;
let uricode = encodeURIComponent(tar_url);
window.location.href = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid='+ getApp().globalData.AppId + '&redirect_uri=' + uricode+ '&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect';
// #endif

二、定位问题

通过打印history和getCurrentPages()比较后才发现，重定向打开页面的页面栈只有1级，因此在uni.navigateBack()中delta不论设置是几层，它就是跳不出去。

三、解决方案

1、在事件中返回(如点击确认按钮等)：window.history.go(-2); // -2的层级自己看情况设置

2、监听浏览器左上角的后退按钮：

/*** from（触发返回行为的来源）:*    'backbutton': 左上角导航栏按钮及安卓返回键；*    'navigateBack': uni.navigateBack()方法；*     支付宝小程序端不支持返回此字段。*/
onBackPress(options){// console.log(options.from)if('触发条件'){window.history.go(-2);return true;}else{return false;}
}

uni-app：处理微信浏览器中授权微信登录后，无法正常回退问题相关推荐

uniapp微信浏览器H5授权微信登录
1.准备一个触发微信登录的按钮 <button class="wechat-logo" @click="getWeChatCode">微信授权登录& ...
微信浏览器中的微信支付，JSAPI支付，开发流程、常见问题
微信支付有两种使用场景,一种是可以在微信之外的浏览器(如UC浏览器.手机自带浏览器等)中使用,在微信外部唤醒微信进行支付:还有一种是在微信自带内置浏览器中使用,比如微信公众号里边的支付.给客户在微信上 ...
html2canvas 在ios 13.4.x 、 13.5.x 微信浏览器中失效无反应
如题:html2canvas 在ios 13.4.x . 13.5.x 微信浏览器中失效无反应解决方法: html2canvas 回退到rc.4版本后可以了. 参考微信开放社区
php 公众号内h5支付宝支付宝支付宝支付宝支付,微信浏览器中支付宝wap支付和微信JSAPI公众号支付...
手机浏览器只有支付宝wap支付,微信浏览器中出现支付宝wap支付和微信JSAPI公众号支付,其中支付宝wap在线支付没有在新窗口打开(兼容大部分手机),Thinkphp3.2公众号支付下载资源下载 ...
解决安卓微信浏览器中location.reload 或者 location.href失效的问题
解决安卓微信浏览器中location.reload 或者 location.href失效的问题参考文章: (1)解决安卓微信浏览器中location.reload 或者 location.href失 ...
js判断是否在微信浏览器中打开
js判断是否在微信浏览器中打开 function is_weixn(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroM ...
在微信浏览器中 location.reload() 不刷新解决方案(直接调用方法)
1.问题在微信浏览器中,需要时刷新当前页面. 正常情况下我们直接使用 location.reload 方法来刷新. 2.解决方法 function realod(){var {search,href ...
关于安卓手机在微信浏览器中无法调起相机的原因
最近功在做公司的一个项目,遇到安卓手机在微信浏览器中更换头像无法调起相机的问题,特来此记录一下. 1.微信没有相机权限,开启就行了. 2.〈input type="file" ac ...
Js判断是否在微信浏览器中打开和微信版本号
一.判断微信版本号 var wechatInfo = navigator.userAgent.match(/MicroMessenger\\/([\\d\\.]+)/i) ; if( !wechatI ...

uni-app：处理微信浏览器中授权微信登录后，无法正常回退问题

一、情景

二、定位问题

三、解决方案

uni-app：处理微信浏览器中授权微信登录后，无法正常回退问题相关推荐

最新文章

热门文章