如何在角度保护登录和用户

Question

我是角度2的新手尝试在前端站点创建登录用户我的问题是如何保护用户登录。我已经在浏览器中实现商店用户登录令牌cookie，并以正确的方式获得另一个页面？

 this.loginService.login(this.user)
      .subscribe(result => {
          if (result != undefined ){ 
              this.cookieService.putObject("logincookie", result); 
              this.router.navigate(['/userlist']);
          }

Answer 1

最首选的方法是使用localStorage。

this.loginService.login(this.user)
  .subscribe(result => {
      if (result != undefined ){ 
          localStorage.setItem("username", result); 
          this.router.navigate(['/userlist']);
      }

出于安全考虑，您应该只在username而不是localStorage存储password。

您还可以使用AuthGuard阻止用户在不登录的情况下进行导航。 AuthGuard的详细说明是here。