刷新后Angular应用程序注销

Question

我是angel的新手，并制作了一个具有登录注销功能的应用程序。登录后，刷新浏览器后，应用程序会自动注销。我不明白如何使用会话。另外，如果没有活动，我的应用程序会在特定时间后自动注销吗？

auth.service.ts

auth.gaurd.ts

login.component

Answer 1

您需要将会话保存在某个地方，例如cookie或localStorage

  

我不明白如何使用会话

您在这里

// auth.service.ts

private loggedIn = new BehaviorSubject<boolean>(localStorage.getItem("isLoggedIn") === "true");

login (user: User) {
   if (user.userName === "admin" && user.password === "admin") {
      localStorage.setItem("isLoggedIn", "true");
      localStorage.setItem("token", "add some unique token here");
      this.loggedIn.next(true);
      this.router.navigate(["/home"]);
   }
}

  

如果没有活动，我的应用还会在特定时间后自动注销吗？

是的，有一种方法，例如检查this

边注，以上代码仅是示例，请勿在生产中使用。

更新，这是一个有效的example