2017-09-06 6 views
0

私は角のHTTPを使用して私のIonicアプリケーションからWebサービスを消費しようとしています。角2 HTTPのフェッチリモートサーバー

エラーオブジェクト{_body:エラー、状態:0、[OK]:偽、STATUSTEXT https://www.joshmorony.com/using-http-to-fetch-remote-data-from-a-server-in-ionic-2/>しかし、私は、URLにIPアドレスを使用する場合 - 私は次のエラーを受け取る - 私はジョシュMorony例を以下のよ: ""、 ヘッダ:オブジェクト、タイプ:3、URL: - > home.ts

import { Component } from '@angular/core'; 
import { NavController } from 'ionic-angular'; 
import { Injectable } from '@angular/core'; 
import { Headers, Http, Response } from '@angular/http'; 
import 'rxjs/add/operator/map'; 

@Component({ 
    selector: 'page-home', 
    templateUrl: 'home.html' 
}) 
export class HomePage { 
    posts: any; 
    url: string = 'http://200.33.191.161:9090/reservationsapi/31922904?idHotel=2 
    '; 

    constructor(public navCtrl: NavController, public http: Http) { 

    this.http.get(this.url).map(res => res.json()).subscribe(data => { 
     this.posts = data.data.children; 
    }); 

    console.log(this.posts); 

    } 

} 

私はIPアドレスを使用する場合、問題があれば、である。ここはnull}

は私のtsコードです私は例のURLを使用します:https://www.reddit.com/r/gifs/top/.json?limit=10&sort=hot作品fi ne。 アイデアやコメント。前もって感謝します!

+0

IPは、おそらくそれは角度がnoit私はポストマンにしようとした –

+0

こんにちはラーフル、非難されているので、あなたはポストマンにも応答し、それを試していないかのように、私は推測しています、ELBのIPであるかもしれない正しくありません。 GETで動作しますが、なぜAngularで動作しないのかわかりません! – CaribeSoft

+0

私には返信がありません。あなたはdiff URLを提供している可能性があります –

答えて

1

私のシステムで上記のURLを試しました。それは同じようにCORSのように見えます。そのIPアドレスではCORSが有効になっていません。

これが原因で、データにアクセスできなかった可能性があります。

エラー

enter image description here

+0

あなたは正しいとRahul、問題はCORSにあった。解決策は、私はionic.config.jsonファイルのプロキシを構成し、私のために働く、あなたのヒントをありがとう。 – CaribeSoft