Adding a cookie to a HttpClient POST in Angular

Question

Sorry if this is a duplicate, but I have not been able to find any solutions that have worked for me yet. My code works like this:

constructor(private _httpClient: HttpClient) {}


login(){

    var cookieToAdd = getCookie();
    var token = getToken();

    this._httpClient
        .post("https://myApi/login", { username: "myUsername", pw: "myPw", token: token }, { cookieToAdd })
        .subscribe((result: any) => {
            // do stuff here
        });

}

So obviously the last parameter in the post is incorrect, but I hope you see the point. I wish to make this post request with a cookie I have obtained from a previous api call, but I cannot find how to add a cookie to a post request using Angulars HttpClient. The endpoint returns an error if the cookie is not present. I have received my desired output from the endpoint using Postman, but cannot replicate adding the cookie properly in code. Any help would be greatly appreciated.

edit:

I have also tried something like: 

var myHeaders = new HttpHeaders({'Set-Cookie': 'CookieName='+cookieToAdd'});
this._httpClient
        .post("https://myApi/login", { username: "myUsername", pw: "myPw", token: token }, { headers: myHeaders })
        .subscribe((result: any) => {
            // do stuff here
        });

score 1 · Answer 1 · answered Mar 09 '19 at 00:03

1

You can pass cookie as a property of input object and check logic in your login function API

this._httpClient
        .post("https://myApi/login", { username: "myUsername", pw: "myPw", token: token, cookie: cookievalue }

answered Mar 09 '19 at 00:03

Hien Nguyen

24,551
7
52
62

the issue is I cannot changed the api endpoint. It is required that the cookie is passed in the header – JamieT Mar 09 '19 at 00:07
did you try this way https://stackoverflow.com/questions/48410884/angular-5-httpclient-ignores-set-cookie-in-post – Hien Nguyen Mar 09 '19 at 00:13
I did but with no luck – JamieT Mar 09 '19 at 00:23

Adding a cookie to a HttpClient POST in Angular

1 Answers1