无法从SpringBoot应用程序获取JSON数据

时间:2018-03-22 06:28:47

标签: angular spring-boot-maven-plugin

这是我的service.ts中的代码片段(this.http是一个HttpClient obj)

importAllImages (): Observable<Image[]> {
return this.http.get<Image[]>('http://localhost:8080/fileservice/allimages');
}

这是调用上面显示的服务的代码片段(filemanager是上面服务的obj,而images是图像obj的数组):

this.fileManager.importAllImages().subscribe(imagesp => this.images = imagesp);
console.log(this.images.length);

我的HTML:

<div *ngFor="let image of images">
<p>{{image?.imageName}}</p>

然后我打开http://localhost:4200,但我无法获取任何图片名称。

PS:我已成功启动后端SpringBoot应用程序,当我打开http://localhost:8080时,我可以看到我的JSON数据: JSON Data image 有人可以帮我这个吗?

1 个答案:

答案 0 :(得分:0)

您需要返回json,因此需要将响应对象反序列化为json:

importAllImages(): Observable<Image[]> {
  return this.http.get('http://localhost:8080/fileservice/allimages')
    .map((response) => {
      return response.json();
    });
}