显示错误的类型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链接中查看它。