网页禁止返回 H5禁止物理返回 vue禁止返回

项目中，H5公众号授权我是让进入首页判断是否授权，没授权跳转授权进行授权完成在进入首页，安卓端授权完成，用户物理返回正常，没问题，IOS授权完之后返回结果不走接口了...

所以想到的办法就是手机禁止物理返回，那么安排下

原生方法

history.pushState(null, null, document.URL);
window.addEventListener('popstate', function () {
  history.pushState(null, null, document.URL);
});

在vue中，我们只需要写在mounted里即可

mounted() {
  history.pushState(null, null, document.URL);
  window.addEventListener('popstate', function () {
    history.pushState(null, null, document.URL);
  });
},

分享

分享海报

扫一扫 - 分享本文

打赏

微信

扫一扫 - 打赏鹏仔

收藏

请按下 Ctrl + D

即可收藏当前文章

手机看

分享到微信朋友圈

扫一扫 - 手机阅读

侵权投诉

侵权、举报、建议

↓