Angular应用程序在刷新后注销

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

---

您需要将会话保存在某个地方，例如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"]);
   }
}

//auth.service.ts
private loggedIn=new BehaviorSubject（localStorage.getItem（“isLoggedIn”）=“true”）；
登录（用户：用户）{
如果（user.userName==“admin”&&user.password==“admin”）{
setItem（“isLoggedIn”、“true”）；
setItem（“token”，“在此处添加一些唯一的token”）；
this.loggedIn.next（true）；
this.router.navigate（[“/home]”）；
}
}

如果没有活动，我的应用程序是否会在特定时间后自动注销

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

Sidenote上面的代码只是一个示例，请不要在生产中使用

---

更新这里有一个有效的

您需要将会话保存在某个地方，例如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"]);
   }
}

//auth.service.ts
private loggedIn=new BehaviorSubject（localStorage.getItem（“isLoggedIn”）=“true”）；
登录（用户：用户）{
如果（user.userName==“admin”&&user.password==“admin”）{
setItem（“isLoggedIn”、“true”）；
setItem（“token”，“在此处添加一些唯一的token”）；
this.loggedIn.next（true）；
this.router.navigate（[“/home]”）；
}
}

如果没有活动，我的应用程序是否会在特定时间后自动注销

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

Sidenote上面的代码只是一个示例，请不要在生产中使用

---

更新这里有一个有效的方法

您必须将会话令牌保存在

cookies

或

localStorage

中。并使用它来确定您的会话是否已过期。请共享一个最小的可复制代码片段，供其他人检查。不接受屏幕截图或指向外部代码repo的链接。您必须将会话令牌保存在

cookies

或

localStorage

中。并使用它来确定您的会话是否已过期。请共享一个最小的可复制代码片段，供其他人检查。不接受指向外部代码repo的屏幕截图或链接。此代码使我的AuthGaurd（auth.gaurd）无法工作。有更好的主意吗？@nipun检查答案中的链接只有在登录后我才能激活标题？subject Logout@nipun您可以使用

*ngIf

属性，例如

，我也建议您查看文档，我知道这可能会让您感到沮丧，但在刷新页面时，我仍然遇到问题，我的工具栏消失了。有什么帮助吗？这段代码使我的AuthGaurd（auth.gaurd）无法工作。有更好的主意吗？@nipun检查答案中的链接只有在登录后我才能激活标题？subject Logout@nipun您可以使用

*ngIf

属性，例如

，我也建议您查看文档，我知道这可能会让您感到沮丧，但在刷新页面时，我仍然遇到问题，我的工具栏消失了。有什么帮助吗？