從angular2調用REST API

Question

我已經完成了angular2英雄教程https://angular.io/docs/ts/latest/tutorial/ ，現在我想調用我用Node，Postgresql和Express制作的ral REST api。

調用API的angular2代碼如下所示：

...

export class HeroService{

  private heroesUrl = 'http://192.168.4.13:3000/api/boxes'; //URL til api
  private headers = new Headers({'Content-Type': 'application/json'});
  constructor(private http: Http) {}

  getHeroes(): Promise<Hero[]> {
    return this.http.get(this.heroesUrl)
     .toPromise()
     .then(response => response.json().data as Hero[])
     .catch(this.handleError);
  }

...

瀏覽器控制台顯示：

發生錯誤響應{_body：對象，狀態：404，確定：false，statusText：“未找到”，標頭：Headers…}例外：未捕獲（承諾）：狀態未響應：404，URL：空

REST API圖片

而且我可以看到我的API沒有被調用。 有什么想法讓我錯過了嗎？

最好的祝福。

Answer 1

我想出我需要刪除這些行才能調用后端：

// Imports for faking the http service - in-memory web api
import { InMemoryWebApiModule }  from 'angular-in-memory-web-api';
import { InMemoryDataService }   from './in-memory-data.service';

我以為Angular2在不使用時會忽略它們，但是導致新的后端API不被調用。