vue阻止当前页面浏览器后退行为

z最近做项目调试登录功能，用户在登录之后仍然可以通过

浏览器的后退按钮返回到登录页，这就比较蛋疼了，

虽然可以用replace动态跳转，但是那只是权宜之计，

并不能解决问题，用户体验也不会变好，所以：

 

只需要在禁止返回的页面的mounted函数中加上

　　history.pushState(null, null, document.URL);

        window.addEventListener('popstate', function () {

            history.pushState(null, null, document.URL);

        });

这段代码，就可以完美解决啦

【上面代码有可能会出现  离开页面后监听事件清除不掉的情况】

所以后期推荐一款vue插件，开箱即用噢

Install：【npm install vue-prevent-browser-back --save】

下载完成后，在需要使用的页面这样：

import preventBack from 'vue-prevent-browser-back';//组件内单独引入
export default {
   mixins: [preventBack],//注入

ok这样离开页面后就不会对其他页面造成影响了