how to set a header for http get using angular2

Question

How can I add a header for username and password for GET Request in http in angular2?

I am try to add httpclient and http import is not working. Can you suggest to me how to add a header in http and pass my username and password?

Possible duplicate of [Angular2 - set headers for every request](https://stackoverflow.com/questions/34464108/angular2-set-headers-for-every-request) — mxr7350, Aug 07 '17 at 14:33
My question is how to pass the username and password to the headers — CodeMan, Aug 07 '17 at 14:35
If it is only for testing, you could just create something like this: `http.get('http://{yourserverurl}?username=' + username + '&password' + password).subscribe(() -> { // This here is the response. });` — Bogdan Bogdanov, Aug 07 '17 at 14:38

score 1 · Answer 1 · answered Aug 07 '17 at 14:58

You can set the header like this:

yourMethodWhereYouPost(userName:string, password:string) 
{
    // ....
    // Your code 
    //

    // Get the authorization header.
    const authHeader = this.getAuthorizationHeader(userName, password);
    const headers = new Headers({ 'Content-Type': 'application/json' });
    headers.append('Authorization', authHeader);
    // ....

    // Some more code
} 

private getAuthorizationHeader(userName: string, password: string): string 
{
    // Return the encoded auth header.
    return btoa(userName + ':' + password);
}

how to set a header for http get using angular2

1 Answers1