如何以角度设置会话超时或过期令牌？

Question

目前我正在研究角度，我想设置自动注销或想让自动会话在角度帮助中过期？

authguard.guard.ts

export class AuthguardGuard implements CanActivate {

constructor (private user : SupportService,private router : Router) {}
canActivate(
  next: ActivatedRouteSnapshot,
  state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean {
   if(localStorage.getItem('username')){  
      return true;
   }else{
      this.router.navigate(['/login']);
      return false;
    }
  }
}

login-form.component.ts

export class LoginFormComponent implements OnInit {

userObj : User = new User();
constructor(private router : Router, private user : SupportService, private route : ActivatedRoute) { }
loginUser(e){
const formData = new FormData();
formData.append('username',this.userObj.username);
formData.append('password', this.userObj.password);
this.user.getUserPass(formData).subscribe(
  (data) => {
    if(data != undefined && data.payload != undefined && data.status == 1){
      e.preventDefault();
      this.router.navigate(['/base/dashboard']);    
      localStorage.setItem('userid',data.payload[0].userid);
      localStorage.setItem('username',data.payload[0].username);
    }else{
      alert('Please Enter Valid UserName OR Password');
     }    
    }  
   )
  }
}

Answer 1

您可以在销毁 cookie 后用作无效令牌的角度 cookie，然后检查 cookie 数据是否不具有此条件也作为令牌删除并在新令牌后获取