So basically, I created an role based login system with admin and user. When i try to log in, the user access token is always null, and i dont know why. I spent like 20 hours solving this problem, but nothing helps. Any help would be appreciated!
Here is my login method:
user = {
email: '',
password: ''
};
login(){
console.log(this.auth);
this.auth.login(this.user).subscribe(user => {
console.log('USER after login', JSON.stringify(user));
if (user && user['role']) {
let role = user['role'];
if (role == 'ADMIN') {
this.router.navigateByUrl('/admin-dashboard');
} else if (role == 'USER') {
this.router.navigateByUrl('/user-dashboard');
} else {
console.log('You are not authrnticated');
}
} else {
console.log('Username Password combination not found');
this.showWrongLoginAlert();
}
});
}
My authenticationService:
user!: Observable<any>;
private currentUser: BehaviorSubject<any> = new BehaviorSubject(null);
constructor(private router: Router, private storage: Storage) {
this.loadUser();
this.user = this.currentUser.asObservable().pipe(
filter(response => response)
);
}
loadUser() {
this.storage.get(TOKEN_KEY).then(data => {
if (data) {
this.currentUser.next(data);
} else {
this.currentUser.next({ email: null, role: null });
}
});
}
login(credentials: any): Observable<any>{
// eslint-disable-next-line prefer-const
let email = credentials.email;
// eslint-disable-next-line prefer-const
let password = credentials.password;
let user = null;
if (email === 'admin' && password === 'admin') {
user = { email, role: 'ADMIN' };
} else if (email === 'user' && password === 'user') {
user = { email, role: 'USER' };
} else {
}
this.currentUser.next(user);
this.storage.set(TOKEN_KEY, user);
return of(user);
}