CORS Angular4 Map関数のエラー（PHP経由）

Question

Angular4プロジェクトに取り組んでいます。

テストのために、まずjson apiにgetリクエストを行い、そのテストがうまくいった。

今、私はphpファイルに接続してテストしています。私もそれのスクリーンショットを添付

XMLHttpRequest cannot load http://localhost/php-file/test/test.php . No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin ' http://localhost:4200 ' is therefore not allowed access.

：test.phpを、私は今、コンソールに、私はこのエラーを取得しています

echo "string"; 

を持っていました。私はそれをgoogledしかし、これのための任意の解決策を得ることができませんでした。

その後、私は以下のようにtest.phpを編集していました。それは正しい方法ですか？

<?php 
     header("Access-Control-Allow-Origin: *"); 
     $data = ['news','dfdf','ddd']; 
     echo json_encode($data); 
?> 

Answer 1

これは必要な処理です。ヘッダーは角にも入れる必要があります。

import { Http, Headers, Response, RequestOptions } from '@angular/http'; 


headers = new Headers(); 
     requestOptions = new RequestOptions(); 
     this.headers.append('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS'); 
     this.headers.append('Cotent-Type', 'application/json'); 
     this.requestOptions.headers = this.headers; 

     return this.http.post("http://localhost/php-file/test/test.php", this.requestOptions).map‌​(res => res.json()); 

これは投稿リクエストを行う方法です。この通話を購読してください、そして、あなたはリターンからデータを得ることができます。

私はそれが役に立ちそうです。