1

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<any>, newRequest: HttpHandler): Observable<HttpEvent<any>> {
        // 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)

2 Respostas 2

2

Você precisa alterar o Content-Type do interceptor da seguinte maneira:

'Content-Type': 'application/json'
0
0

Atualize o trecho que adiciona o token no header

Tente Bearer ${tokenInfo} ao invés de Bearer ${tokenInfo.token}

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .