WINDIIテック現役フリーランスエンジニアが運営するテックメディア。itLaravelで爆速API開発シリーズ第五弾は「CORS」です!API開発がある程度進みフロントエンド側のAPI連携を始めるとき問題になるのがブラウザのクロスドメイン制約。今回はCORSの設定について解説しますが、用語も丁寧に説明するのでご安心ください!目次クロスドメイン制約とは開発時の問題点CORSの導入インストール設定Laravelのおすすめ本紹介クロスドメイン制約とはセキュリティ上の理由によりhtmlをダウンロードしたドメインと異なるドメインのAPIにAjaxリクエストを送ると拒否されるというもの開発時の問題点API開発は基本的にローカルで行いますが、フロントエンドエンジニアがそのAPIとの連携を実装するとき大きく分けて以下の2種類の方法があります。フロントエンドエンジニアのPCにAPIのローカル環境を用意するAPIをテスト用に公開してフロントエンドエンジニアに叩いてもらういずれの場合もフロントエンドエンジニアが開発しているフロントのホストとAPIのホストが違うためブラウザで先ほど説明したクロスドメイン制約に引っかかりAPIをコールできません。CORSの導入インストールbarryvdh/laravel-corsのライブラリを使います。barryvdh/laravel-corsapp/Http/Kernel.phpに以下を記述します。--provider="Barryvdh\Cors\ServiceProvider"を実行します。config/cors.phpが生成されるので例えば以下のようにしましょう。