Http-вызов приходит при повторном вызове, но не в первый раз

Question

У меня есть код, реализованный следующим образом:

in component.ts 

getHistoryData() {
    this.generatePayload()
    this.historyDataService
      .getHistoryData(this.payload)
      .subscribe(
        (data: any) => {
          const responeData: any = data.dataPoints;
          this.timestampArray = responeData.map(e => e.date.slice(5, 10) + ' ' + e.timestamp.slice(0, 5));
          console.log('temp array' + this.temperatureArray)
          this.temperatureArray = responeData.map(e => e.parameter1 / 100);
          this.dateArray = responeData.map(e => e.date);
        }
      ),console.log('in getHistoryData' + this.temperatureArray)
  }  

and in service .ts 

  getHistoryData(payload : MiloData) {
    console.log(payload)
    return this.httpClient.post(this.appConfig.apiUrl_historydata,payload,httpOptions)
    .pipe(
      catchError(this.handleError)
    )
  }

, когда я вызываю getHistoryData в первый раз, ответ не выводится в консоли, но когда я пытаюсь снова вызвать getHistoryDataвсе работает как положено. Почему так происходит?

Я пробовал проверять инструменты разработчика Chrome, каждый раз, когда я звоню getHistoryData, приходят два ответа, один со статусом 204, а затем со статусом 200.

Почему это происходит?