how i can add token to http get request to rest api

Question

export class ProfileService {
    public apiUrl:string='http://xyz/api';

    constructor(private http: HttpClient, private reqHeaders:HttpHeaders) {}

    public getProfile(): Observable<any>
    { 

        var reqHeader = new HttpHeaders({
           'Content-Type':'application/json',
           'Authorization':JSON.parse(localStorage.getItem('token'))
        })
        return this.http.get(this.apiUrl + '/info.json',{reqHeaders}).map(
            (data)=>console.log(data)

        )
    }

Answer 1

Instead of naming your object reqHeaders just name it headers , it should work fine then. Take a look at get definition:

get<T>(url: string, options?: {
    headers?: HttpHeaders | {
        [header: string]: string | string[];
    };
    observe?: 'body';
    params?: HttpParams | {
        [param: string]: string | string[];
    };
    reportProgress?: boolean;
    responseType?: 'json';
    withCredentials?: boolean;
}): Observable<T>;

You can also utilize HttpInterceptors to add authentication to your requests ( more#1 , more#2 ).

By the way, you don't have to set Content-Type to application/json , because it's the default one.

By the way #2, your title is wrong, because you are asking about Angular, not AngularJS.