Minha aplicação JWT está com o seguinte código:
meu Model de user:
export class User {
id: number;
username: string;
password: string;
name: string;
admin: boolean;
token?: string;
}
O ts do Login é:
this.authenticationService.login(this.f.username.value, this.f.password.value, this.fingerprint, this.admin)
.pipe(first())
.subscribe(
user => {
this.router.navigate(['/']);
},
error => {
this.error = error;
this.loading = false;
});
}
Meu cabeçalho está assim:
const httpOptions = {
headers: new HttpHeaders({
'Content-Type': 'application/json;charset=UTF-8',
'Accept-Language': '1'
}),
};
A chamada do login está assim:
login(username: string, password: string, fingerprint: string, admin: boolean) {
return this.http.post<any>("http://site.com/url/login", { username, password, admin, fingerprint}, httpOptions)
.pipe(map(user => {
// login successful if there's a jwt token in the response
console.log("USER: " + user);
if (user) {
// store user details and jwt token in local storage to keep user logged in between page refreshes
localStorage.setItem('currentUser', JSON.stringify(user));
this.currentUserSubject.next(user);
}
return user;
}));
}
meu interceptador está assim:
intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
// add authorization header with jwt token if available
let currentUser = this.authenticationService.currentUserValue;
if (currentUser && currentUser.token) {
request = request.clone({
setHeaders: {
'Authorization': `Bearer ${currentUser.token}`,
'Accept-Language': '1'
}
});
}
return next.handle(request);
}
Acessando a aba network. Ele faz a requisição e retorna normalmente 200 e o token aparece no header, mas quando eu tento usar o map para fazer o get da resposta, na aplicação ele está devolvendo null. Eu já testei vários métodos e continua como null.
Estou fazendo baseado no código jasonwatmore de jwt angular 7;
Abaixo é o retorno 200 e o token
Alguém passou por isso já?