Use localStorage

src/app/auth/auth.interceptor.ts

@@ -12,7 +12,7 @@ export class AuthInterceptor implements HttpInterceptor {
   }
 
   intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
-    let token = sessionStorage.getItem("app.token");
+    let token = localStorage.getItem("app.token");
     if (token) {
       request = request.clone({
         setHeaders: {

src/app/auth/auth.service.ts

@@ -23,7 +23,7 @@ export class AuthService {
 
   isLoggedIn(): boolean {
     if (!this.isBrowser) return false;
-    return sessionStorage.getItem("app.token") != null;
+    return localStorage.getItem("app.token") != null;
   }
 
   login(username: string, password: string): Observable<string> {
@@ -45,14 +45,14 @@ export class AuthService {
 
   logout() {
     if (!this.isBrowser) return;
-    sessionStorage.removeItem("app.token");
+    localStorage.removeItem("app.token");
-    sessionStorage.removeItem("app.roles");
+    localStorage.removeItem("app.roles");
   }
 
   isUserInRole(roleFromRoute: string) {
     if (!this.isBrowser) return false;
 
-    const roles = sessionStorage.getItem("app.roles");
+    const roles = localStorage.getItem("app.roles");
 
     if (roles!.includes(",")) {
       if (roles === roleFromRoute) {
@@ -72,7 +72,7 @@ export class AuthService {
   getUsername(): string | null {
     if (!this.isBrowser) return null;
 
-    const token = sessionStorage.getItem("app.token");
+    const token = localStorage.getItem("app.token");
     if (!token) return null;
 
     try {

src/app/components/login/login.component.ts

@@ -47,16 +47,16 @@ export class LoginComponent implements OnInit {
   }
 
   public login(): void {
-    sessionStorage.removeItem("app.token");
+    localStorage.removeItem("app.token");
 
     this.authService.login(this.username, this.password)
       .subscribe({
         next: (token) => {
-          sessionStorage.setItem("app.token", token);
+          localStorage.setItem("app.token", token);
 
           const decodedToken = jwtDecode<JwtPayload>(token);
           // @ts-ignore
-          sessionStorage.setItem("app.roles",  decodedToken.scope);
+          localStorage.setItem("app.roles",  decodedToken.scope);
 
           // this.router.navigateByUrl("/persons");