2017-12-19 14 views
1

私はこれについて新しく、この質問はあなたにとっては簡単だと思いますが、助けてください。角のあるHTTPヘッダー5

私はロードページのHTTPリクエストに確認する必要があり、それが働いていますが、私のクエリがブロックされたメッセージ

クロスオリジン・リクエストをブロックされている:同一生成元ポリシーが http://localhost:9999/で リモートリソースを読ん禁止します。 (理由:CORSヘッダー 'Access-Control-Allow-Origin'がありません)。

角度の私のコードがあります:

export class AppComponent implements OnInit { 

    public apiURL:string = 'http://localhost:9999/'; 
    public logged: boolean; 
    response: any; 

    constructor(private elementRef:ElementRef, private http:Http) { 
     this.logged = this.elementRef.nativeElement.getAttribute('auth'); 
    } 

    ngOnInit() { 
    this.checkLogin() 
    } 

    checkLogin() { 
    this.response = this.http.post(this.apiURL, {"search": "search"},).map(res => res.json()).subscribe(data => {console.log(data);}); 
    } 
} 

私はすでに多くのバリエーションを試してみました..しかし、誰も私のために働いていないされていません... someomeはそれを解決するのはほとんど例を提供することができ...してください...

+0

Access-Control-Allow-Origin: * 

をそれ以外の場合は、サーバー

参照を呼び出すためにプロキシが必要になりますサーバ側。すべての起源をサーバー側から許可する必要があります。 –

+0

httpサービスプロバイダを作成するためにnodejsを使用しましたか?可能であれば、サーバー側のコードを共有するかもしれません。 – mohsenmadi

答えて

1

これはクライアントではなくサーバー上の問題です。お使いのブラウザでは、セキュリティ対策として別のホストに電話をかけることができません。あなたが追加する必要があるサーバへのアクセスがある場合:あなたは、角CLIを使用してアプリケーションを作成した場合、それはありOrigin is not allowed by Access-Control-Allow-Origin

+0

omg .. ty ...私はずっとクライアント側で問題を見つけようとしました –

関連する問題