(微信公众号) | Vue,histroy模式下微信IOS拉取授权,物理返回上一级路由问题

问题描述:使用replace微信浏览器依然会添加history

业务需要登录支持微信一键登录,微信拉取授权需要跳转一个微信地址,通常采用location.replace(本身replace不添加浏览器历史记录)来跳转,但微信IOS下物理返回键还是可以返回上一级路由,很呆....

相关问题:

微信webview嵌套H5物理按键返回问题https://developers.weixin.qq.com/community/develop/doc/0002c4f21946f0da22570514f58c00icon-default.png?t=LA92https://developers.weixin.qq.com/community/develop/doc/0002c4f21946f0da22570514f58c00

H5微信授权登录后左滑或者右滑会回退到微信重定向页面 https://developers.weixin.qq.com/community/develop/doc/0004c06ea2c25817361bb9e4451000icon-default.png?t=LA92https://developers.weixin.qq.com/community/develop/doc/0004c06ea2c25817361bb9e4451000微信过公众号拉取微信授权重定向页面后,ios返回有重定向之前的页面https://developers.weixin.qq.com/community/develop/doc/0008246460cb08421fab6677351800icon-default.png?t=LA92https://developers.weixin.qq.com/community/develop/doc/0008246460cb08421fab6677351800

解决方案:

  mounted () {
    // 监听IOS下物理返回键
    if (window.history && window.history.pushState) {
      window.history.pushState(null, null, document.URL)
      window.addEventListener('popstate', () => {
        // 重定向你要的地址即可
        window.location.reload()
      }, false)
    }
  },

你可能感兴趣的:(Vue,JS,vue.js,微信,ios)