如何隐藏/禁用浏览器后退按钮？

Question

每当我登陆页面时，我都试图禁用浏览器后退按钮功能和图标。我已经完成了下面的代码，它按预期工作，但后退按钮图标仍然可点击，因此用户可能会混淆后退按钮是否可点击。

    history.pushState(null, null, location.href);
this.locationStrategy.onPopState(()=> {
  history.pushState(null, null, location.href);
}

请提出建议，有什么方法可以实现吗？