如何在Ionic 4或Angular 7中清除历史记录或删除历史记录中的页面或组件

Question

我正在爱奥尼亚4中创建一个注销页面，我想要的是清除路由器历史记录，以便“后退”按钮不起作用，另外，我想知道在导航到登录屏幕或导航到登录页面之前，如何销毁注销页面。

我尝试运行构造函数中的代码以清除本地存储，第一次运行正常，但第二次没有运行该代码。据我了解，该页面已经加载，因此不会再次运行构造函数。我尝试将我的代码放在ngDoCheck（）中，但它触发了多次，我不想要。

我想清除路由历史记录，以便在我注销后“后退”按钮不起作用，另外我想知道如何清除或删除我访问过的页面。

Answer 1

注销时使用window.location.reload

window.location.reload();

Answer 2

您不能阻止用户单击“上一步”或删除其历史记录，但可以在登录页面中添加一个防护，以便在用户登录后重定向用户。应该是这样的

@Injectable({
  providedIn: 'root',
})
export class AuthGuard implements CanActivate {
  canActivate(
    next: ActivatedRouteSnapshot,
    state: RouterStateSnapshot) {
    if(isUserLoggedIn()){ // this redirects the user
       this.router.navigate(['/logged-in-users-area']);
    }
    return isUserLoggedIn(); // this prevents him from reaching the login page
  }
}

const routes: Routes = [{
    path: 'login',
    component: MyLoginComponent,
    canActivate: [AuthGuard],
  }]