XMLHttpRequest・Fetchを使用し、API通信する際での詰まった事＋解決策

エラー内容

• CORS(ブラウザのポリシーで異なるオリジンへのアクセスを許可するもの)

解決策

• アクセスを受ける側(サーバ)に、レスポンスへのAccess-Control-Allow-Originヘッダを付与する設定

具体的に

• PHPのクロスオリジンリソース(CORS)制約を緩和するHTTPヘッダー
  • 異なるオリジンからHTTPリクエスト受取りが出来る

注意点

• 本番などでは""は一般的では無い(セキュリティを確保するには後者)
  • header("Access-Control-Allow-Origin:"); // すべてのオリジンからのリクエストを許可
  • header("Access-Control-Allow-Origin: {特定のオリジン}"); //ドメインやIPアドレスなど