クロスドメインエラーについて
jsなどからPHPに対して、Ajaxやaxiosなどを使い、リクエストを送ったときにCROSSドメインのエラーが出ることがあります。
Chrome
Access to XMLHttpRequest at 'http://test1/test.json' from origin 'http://test2' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Firefox
クロスオリジン要求をブロックしました: 同一生成元ポリシーにより、http://test1/test.json にあるリモートリソースの読み込みは拒否されます (理由: CORS ヘッダー ‘Access-Control-Allow-Origin’ が足りない)。
このエラーの原因はブラウザのセキュリティによって、CORSヘッダがセットされていため、別のサーバーからのデータの取得ができないというエラーです。
このエラーはPHP側に、HTTPヘッダのCROSヘッダ設定に「Access-Control-Allow-Origin」をレスポンスにセットすることで解決します。
具体的な記述方法は以下の記述になります。
header("Access-Control-Allow-Origin: *");
こちらをPHP側に挿入することで解決できます。