http.post returns res.headers undefined

Question

in my web API (asp core) when I post object to save in DB it return CreatAtRoute wich is the URL or location of the object like: http://localhost:api/photo/45

and it just return "res.headers undefined"

I am using this code to get url of object that recently saved in db

 addBankCard(bankCard: BankCard, id: string): Observable<BankCard> {
    return this.http.post(this.baseUrl + 'users/' + id + '/bankcards', bankCard)
      .pipe(
        flatMap((res) => {
          const loc = (res as Response).headers.get('Location');
          return this.http.get<BankCard>(loc);
        })
      );
  }

and it just returns "res.headers undefined"

the API work perfectly and I am using AllowAnyHeaders in startup class in Aspnetcore webapi

what should I do?

try ```post(this.baseUrl + 'users/' + id + '/bankcards', bankCard , {observe: 'response'})``` — Fateme Fazli, Aug 04 '19 at 10:51
I want to return the bankcard object the one you said returning the observable — keyone, Aug 04 '19 at 11:11

Martin Choraine · Accepted Answer · 2019-08-04T11:11:13.580

0

Angular httpclient return response body by default. If you can to access the entire response you need to change observe type in function params :

addBankCard(bankCard: BankCard, id: string): Observable<BankCard> {
    return this.http.post(this.baseUrl + 'users/' + id + '/bankcards', bankCard,  {observe: 'response'})
      .pipe(
        flatMap((res) => {
          const loc = res.headers.get('Location');
          return this.http.get<BankCard>(loc);
        })
      );
  }

edited Aug 04 '19 at 11:11

answered Aug 04 '19 at 10:52

Martin Choraine

2,296
3
20
37

i tried that one same result – keyone Aug 04 '19 at 11:10
And what if you try not to cast `res` : `(res as Response)` ? – Martin Choraine Aug 04 '19 at 11:11

http.post returns res.headers undefined

1 Answers1