角度2 HTTP GETが返されるURLがNULL

Question

私は、Typescriptで角度2を使用して簡単なHTTP GETリクエストを作成しようとしています。 null urlで404エラーが発生しています。私のコンポーネントファイルと私が受け取っているエラーは以下の通りです。

import { Component, OnInit } from '@angular/core'; 
import { Router } from '@angular/router'; 
import { BreadcrumbService } from './breadcrumbService'; 
import { Http, Response } from '@angular/http'; 

@Component({ 
    moduleId: module.id, 
    providers: [ BreadcrumbService], 
    templateUrl: 'html/appList.html', 
    styleUrls: ['css/list.css'] 

}) 
export class HealthComponent { 
    constructor(private http: Http) { 
     this.http.get('http://jsonplaceholder.typicode.com/posts/1') 
     .toPromise() 
     .then((res: Response) => { 
     console.log('RES: ', res); 
     }) 
    .catch((err: Error) => { 
     console.log('ERR!!: ', err); 
    }); 
    } 
} 

エラーメッセージ：

Response {_body: Object, status: 404, ok: false, statusText: "Not Found",  headers: Headers…} 
_body:Object 
headers:Headers 
ok:false 
status:404 
statusText:"Not Found" 
type:2 
url:null 
__proto__:Body 

Answer 1

あなたが見ることができるように、それはサーバーにリクエストを分析し、404エラーです。 404エラーは、あなたが要求したものが見つかりませんでした。

どのようにリクエストするかについては、toPromiseの代わりに.mapを使用してください。

代わりにngOnInitを使用して、コンストラクタでHTTPリクエストを作成しないようにしてください。

Answer 2

これはおそらくInMemoryWebApiModule.forRoot関連の問題です。これは、メモリ内のAPIを読み込み、未定義のURLに到達しようとしたときに発生します。

InMemoryWebApiModule.forRoot(InMemoryDataService, {passThruUnknownUrl: true}) ..