Http，使用 rxjs 和 angular2 从服务器获取响应

Question

我不知道我做错了什么，我没有得到服务器的任何响应来使用 Http 工作。如果有人可以更深入地了解，我将该项目添加为 plunker。

https://plnkr.co/edit/3HybQY3vcsCImbuFCWrP?p=preview

post.service.ts

  getPosts(){
   return this._http.get("http://jsonplaceholder.typicode.com/posts")
                    .map(res => res.json());
  }

app.component.ts

constructor(private _postService: PostService) {
    _postService.getPosts()
               .subscribe(res => console.log(res));
  }

Answer 1

您正在发出跨域请求

您需要在http请求头中添加一些人员：

Access-Control-Allow-Origin: *

更多详情：How to create cross-domain request (Angular 2)?

Answer 2

没有任何问题，重新启动我的精简服务器时工作。

Answer 3

您的代码中有两个主要错误是您的代码没有按预期运行。

1. 您正在使用 Http 请求响应，但您尚未在配置文件中配置 @angular/http 设置，因此您必须将其添加到文件中。

   '@angular/http': {
     main: 'bundles/http.umd.js',
     defaultExtension: 'js'
   },
   

2. 您正在尝试通过 http 获取请求，而 angular2 不允许，因此您必须更改您的网址，例如

   http://jsonplaceholder.typicode.com/posts
   

   到

   https://jsonplaceholder.typicode.com/posts
   

这是你的工作代码演示

Working Example