Redirect to dashboard if token exists using Angular AuthGuard

Question

I have an application with login page and dashboard. I have used AuthGuard to redirect the routeto dashboard only if token exists and valid. But when I enter URL /login it goes back to login page even if the token exists.

This is my code which I have tried;

import {
  CanActivate,
  ActivatedRouteSnapshot,
  RouterStateSnapshot,
  Router,
} from '@angular/router';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
import { AuthenticationService } from './authentication.service';


@Injectable()
export class AuthGuard implements CanActivate {
  constructor(private authService: AuthenticationService, private router: Router) {}

  canActivate(
    route: ActivatedRouteSnapshot,
    state: RouterStateSnapshot
  ): boolean | Observable<boolean> | Promise<boolean> {
    const isAuth = this.authService.getIsAuth();
    if (!isAuth) {
      this.router.navigate(['/login']);
    }
    return isAuth;
  }
}

app routing module

  { path: '',
    canActivate: [AuthGuard],
    component: dashboard
  },
  { path: 'signin',
    component: signin
  }

authService: Here i'm setting my isAuthenticated to false and enabling it to true when i get the access_token

 private isAuthenticated = false;

 getIsAuth() {
    return this.isAuthenticated;
  }

 return this.http.post(api, data)
      .subscribe(
        (response) => {
          if (response && response.access_token) {
            console.log(response.access_token);
            this.isAuthenticated = true;
            .......

           }
       })

There isn't a route guard on the signin path, so a user will always be able to navigate to it. You could develop a route guard which only allows for unauthenticated users, and have it redirect the user to the dashboard route if they're already logged in. — Paul
– Paul, Commented Jun 4, 2020 at 12:55
better to ask him to post his comment as an answer and accept it :) ping @Paul — satanTime
– satanTime, Commented Jun 4, 2020 at 13:06

Paul · Accepted Answer · 2020-06-04 13:08:21Z

2

There isn't a route guard on the signin path, so a user will always be able to navigate to it. You could develop a route guard which only allows for unauthenticated users, and have it redirect the user to the dashboard route if they're already logged in.

answered Jun 4, 2020 at 13:08

Paul

1,0227 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Redirect to dashboard if token exists using Angular AuthGuard

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related