效果图：

// 替换当前页面的历史记录，使用户不能通过浏览器的前进后退按钮导航
history.replaceState(null, null, location.href);

// 监听浏览器的历史记录变化事件
window.onpopstate = function(event) {
  // 再次替换当前页面的历史记录，确保用户不能通过浏览器的前进后退按钮导航
  history.replaceState(null, null, location.href);
};

此方法使用了 replaceState(null, null, location.href);替换当前历史路径从而实现禁止使用浏览器的前进后退按钮功能；

希望可以帮到大家。