HTTP GET请求Angular返回Object对象

我正在angular中执行以下http get请求

  getReports(): Observable<Report[]> {
return this.http.get<Report[]>(`${this.apiServeUrl}/reports`).pipe(
  tap(reports => console.log(`Fetched reports`)),
  catchError(this.handleError<Report[]>('getReports'))
)
}

问题是当我执行console.log(reports)时，它返回一个Object对象数组。

问题是angular不允许我在执行hhtp.get（）请求时应用map。因此，我发现如果我执行以下操作：

  getReports() {
this.reportService.getReports()
  .subscribe(reports => {
    this.reports =  JSON.parse(JSON.stringify(reports))
    console.log(this.reports)
  })
 }

这是我获取报告[]并在页面上进行适当插值的唯一方法。

为什么我收到一个Object，为什么我需要做那个“丑陋的”解决方法？

谢谢