Angular2 Http GET始终抛出错误

我相信我只是做错了什么，但出于某种原因，我的http.get（）请求总是抛出一个错误

以下是我的代码摘录：

import {Http, Response, Headers} from '@angular/http';
import 'rxjs/Rx';
...
export class CustomClass{
  ...
  getAPI(){
    this.http.get('http://ip-api.com/json')
      .map((res: Response) => {
        res.json();
      })
      .subscribe(
        (data) => console.log(data),
        (error) => console.error(error),
        () => console.log(this)
      );
  }
}

---

我的印象是，这个代码块应该简单地得到响应表单

http://ip-api.com/json

，然后将其输出。但是，我得到的唯一结果是错误响应，我无法找出原因。

代码正确，请检查浏览器开发工具中的“网络”选项卡，查看http请求失败的原因