http get request не работает в моем проекте angular7

Question

Я попытался получить запрос с заголовком, который является обязательным для использования, но не работает.

Я попытался протестировать API в почтальоне, и он работает правильно

вот мой сервис.тс

 getUserProfile(){
 let url = '.....'
 const httpHeaders = new HttpHeaders();
 httpHeaders.append('api-client', 'x')
 httpHeaders.append('api-date', 'x');
 const options = {headers: httpHeaders};
 return this.http.get(url, options);
 }

вот мой app.component.ts

 this.networkService.getUserProfile().subscribe((response) => {
 console.log(response)},
(error) => {
  console.log('this is an error ', error)
});

Я думаю, что проблема с заголовком, потому что я получил значение NULL в консоли

ошибка:

это ошибка

 HttpErrorResponse {headers: HttpHeaders, status: 0, statusText: 
 "Unknown Error", url: "http://95.......", ok: false, …}
 error: ProgressEvent {isTrusted: true, lengthComputable: false, loaded: 
 0, total: 0, type: "error", …}
  headers: HttpHeaders
  headers: Map(0) {}
  lazyUpdate: null
   normalizedNames: Map(0) {}
   __proto__: Object
  message: "Http failure response for http://95......: 0 Unknown Error"
  name: "HttpErrorResponse"
  ok: false
  status: 0
  statusText: "Unknown Error"
  url: "......"
 __proto__: HttpResponseBase

Answer 1

Попробуйте это:

HttpHeaders.append() метод возвращает экземпляр заголовка, который должен быть перехвачен и сохранен.

getUserProfile(){
   let url = '.....'
   const httpHeaders = new HttpHeaders();
   httpHeaders = httpHeaders.append('api-client', 'x')
   httpHeaders = httpHeaders.append('api-date', 'x');
   const options = {headers: httpHeaders};
   return this.http.get(url, options);
 }