顯示錯誤的類型net :: ERR_CONNECTION_REFUSED

Question

繼2角度的文檔，具體https://angular.io/docs/ts/latest/guide/server-communication.html與代碼示例在普朗克here - 我試圖模擬錯誤情況破碎的服務器鏈接（這樣調用）。

GET http://localhost:3002/heroes net::ERR_CONNECTION_REFUSED 
scheduleTask @ zone.js:1990 
ZoneDelegate.scheduleTask @ zone.js:384 
onScheduleTask @ zone.js:274 

然而，在模板HTML {{errorMessage}}我越來越0 - {"isTrusted":true}。如何收集錯誤信息net::ERR_CONNECTION_REFUSED？

請注意，需要將import 'rxjs/add/observable/throw';添加到該服務，以避免出現否則會遇到的錯誤 - TypeError: Observable_1.Observable.throw is not a function。

Answer 1

試試這個here。

除了缺少import 'rxjs/add/observable/throw';之外，正如您已經聲明的那樣，在您提供的示例中，解析錯誤響應對象爲json時出現了問題。在成功回覆的情況下，res響應對象包含_body屬性，該屬性的類型爲Object，因此您可以將它轉換爲.json()。但是，如果響應不成功，則error響應對象包含_body包含HTML的屬性，您無法使用.json()方法。您可以通過檢查error響應對象來檢查控制檯中的所有內容。

您並不需要將error響應對象與.json()進行轉換，因爲您已經有狀態碼和狀態文本信息。您可以在我發佈的Plunker鏈接中查看它。