Vue 禁用浏览器的前进后退操作

一、禁用前进后退功能
1、main.js中，增加popstate监听

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

2、router的index.js中

const router = new Router({mode: 'hash',routes,scrollBehavior: () => {history.pushState(null, null, document.URL)}
})

也可以尝试放在router的beforeEach/afterEach中

router.afterEach((to, from) => {history.pushState(null, null, location.protocol + '//' + location.host + '/#' + to.path)
})