Skip to main content
1 de 2

Token vindo nulo do HttpInterceptor(Angular 7)

Olá! na hora de "pegar" o token no HttpInterceptor está vindo como null.

segue código d interceptor:

import { Injectable } from '@angular/core'; import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor } from '@angular/common/http'; import { Observable } from 'rxjs'; import { AuthService } from '../Services/auth.service';

@Injectable() export class TokenInterceptor implements HttpInterceptor {

intercept(request: HttpRequest, newRequest: HttpHandler): Observable<HttpEvent> { // add authorization header to request

//Get Token data from local storage
let tokenInfo = JSON.parse(localStorage.getItem('TokenInfo'));
console.log(tokenInfo);


if (tokenInfo && tokenInfo.token) {
  request = request.clone({
    setHeaders: {
      Authorization: `Bearer ${tokenInfo.token}`,
      'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
    }
  });
}

return newRequest.handle(request);
console.log(request);

} }

AuthService:

import { Injectable } from '@angular/core';

import { HttpClient, HttpHeaders } from '@angular/common/http'; import { BehaviorSubject, Observable, config } from 'rxjs'; import { map } from 'rxjs/operators';

import { messages } from 'app/pages/extra-components/chat/messages'; import { NbLogoutComponent } from 'app/auth'; import { AppConfig } from 'app/pages/shared/app.config'; import { headersToString } from 'selenium-webdriver/http';

@Injectable({ providedIn: 'root' }) export class AuthService { private headers = new HttpHeaders();

constructor(private http: HttpClient, private config: AppConfig) {
}

 login(login: User) {
    return this.http.post<any>(`${this.config.apiUrl}/login/`, login, {headers: this.headers , responseType:'text' as 'json'})

        .pipe(map(user => {
            // armazenar detalhes do usuário e token JWT no armazenamento 
            //local para manter o usuário conectado entre as atualizações de página

            localStorage.setItem('TokenInfo', JSON.stringify(user));
            console.log(user);




            return user;

        }));
}

getToken(){
    return localStorage.getItem('TokenInfo');
}


logout() {
    localStorage.removeItem('TokenInfo')
}

}

export class User { id: number; email: string; password: string; token: string; }

inserir a descrição da imagem aqui

não entendi por que o interceptor não está pegando o token. poderiam me ajudar? API é em Asp.net core 2.1(Jwt Bearer)