SengMay
SengMay
采纳率0%
2018-01-31 16:31 阅读 9.7k

vue2开发微信公众号网页登录后重定向的问题

5

使用vue2开发了微信公众号,现在登录后重定向出现如下问题 , 还望经验丰富的专家给与帮助。

流程
1、微信公众号按钮(指定的url) ;
2、router.beforeEach 拦截url判断有没有登录;
3、未登录,重定向到授权页面(这里填写的重定向页面还是1中指定的url);
4、微信重定向回来后会携带code,再次被router.beforeEach 拦截;
5、我使用code完成登录后,next(1中指定的url) ;

问题:
微信登录并跳转回想要跳转的界面后,点击微信公众号的返回按钮不能关闭网页,而是返回到了上一页(找到原因是因为流程2中的路由没有正常结束,因为判定未登录后重定向到了微信授权页面)

我想要的效果是点击返回按钮时退出页面 , 因为对于用户来说只是跳转了一次。
有这方面经验的能帮忙回答下吗,谢谢!

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

6条回答 默认 最新

  • u011080899 lggcpp 2018-02-01 01:26

    history.go(-2); //往回走两步。
    window.close(); // 关闭当前页面

    点赞 评论 复制链接分享
  • xiaolei335 小雷335 2018-02-01 01:30

    要理清楚思路,vue应用是可以浏览器独立运行的,与微信的对接逻辑应该是独立的页面。不要嵌入的原有的逻辑里

    建议新增一个wx.vue,来实现与微信的对接。成功后,在转入原有的默认页面。
    微信里的菜单这样写 www.yourdomain.com/wx?url=vue_default_page ,由wx.vue完成逻辑,然后转向vue_default_page页面,也就是你原webapp的默认页

    点赞 评论 复制链接分享
  • qxg031590 qxg031590 2018-02-01 01:36

    要理清楚思路,vue应用是可以浏览器独立运行的,与微信的对接逻辑应该是独立的页面。不要嵌入的原有的逻辑里

    建议新增一个wx.vue,来实现与微信的对接。成功后,在转入原有的默认页面。

    点赞 评论 复制链接分享
  • stopllL white_g 2018-02-01 03:25

    重定向会向history添加记录 你可以试试用router.replace() 去跳转

    点赞 评论 复制链接分享
  • weixin_44332244 小子欠吖 2019-04-08 11:33

    重定向回来的url参数怎么获取呢

    点赞 评论 复制链接分享
  • weixin_43007120 前端老王头 2020-12-11 18:53

    我现在也遇到了这个问题,怎么解决的,求教

    点赞 评论 复制链接分享

相关推荐