从http模块角度获得异常响应

Question

我尝试使用以下代码从api调用中获取数据，

auth.service.ts ，

getPosts() {
    return this.http.get('http://localhost:5005/blog/getposts').map(res =>  JSON.parse(JSON.stringify(res || null)) );
}

component.ts ，

ngOnInit() {
    this.auth.getPosts().subscribe(data => {
      this.value = data;
      console.log("blog component",this.value)
    },err => {
      console.log(err);
    })
  }

但是我得到了这样的回复，

尝试通过postman调用api，它给出了以下预期结果，

我做错了什么？任何帮助将不胜感激

Answer 1

我认为您的地图声明会导致问题。它的方式比它需要的更复杂。您可以切换到为您映射响应的新HttpClientModule。

getPosts(): Observable<any> {
    return this.http.get('http://localhost:5005/blog/getposts');
}

或者，您可以尝试简化地图声明。

getPosts(): Observable<any> {
    return this.http.get('http://localhost:5005/blog/getposts').map(res =>  res.json() );
}