调用wx.relaunch报错:fail can not invoke relaunch in background

微信小程序报错的原因是小程序进入后台后,不能调用relaunch函数。因为支付成功后,微信会弹出一个遮罩层,上面有个确定按钮。在遮罩层存在的情况下,小程序处于进入后台的状态,所以无法relaunch。
遮罩层如图所示:
调用wx.relaunch报错:fail can not invoke relaunch in background
文章图片

在支付成功的回调函数和弹出遮罩层几乎是同时的,所以这时候调用relaunch一定失败。
使用setTimeout也一定会失败,因为你不知道用户在几秒钟之后关闭遮罩层,这个时候,就需要想办法让它在进入前台里执行。
在微信7.0.9及之前版本,可以通过setData的回调来解决。因为之前版本,setData的回调是刷新UI界面的,在小程序进入前台(能被用户看到)时才执行。
但是安卓微信7.0.10,在有遮罩层的情况是提前刷新UI的,遮罩层一消失,用户就看到了已经渲染好的全新的页面。
所以支付后跳转的唯一解决方案是支付成功,或支付失败后,将需要重定向的URL保存起来。
支付后,小程序进入前台的时候再进行跳转。
这个时机就是onShow回调函数
时序是
支付成功回调->用户点击了支付成功页的确定->小程序onShow
所以跳转的逻辑是要写在onShow里。
1 支付成功回调

"success": function(res) { that.setData({ redirectURL: redirectURL}); }

【调用wx.relaunch报错:fail can not invoke relaunch in background】2 onShow代码,因为onShow会调用两次,所以加个判断
onShow() { if (this.data.redirectURL) { wx.reLaunch({ url: this.data.redirectURL, fail: function (e) {let msg = ''; for (var k in e) { msg += k; msg += e[k]; } log.error(msg); wx.showModal({ title: 'onShow', content: e.errMsg }); } }); } }

    推荐阅读