ブラウザベースのフロントエンドからAPIにアクセスするときにLaravelのCORSの問(wèn)題を修正するには、FruicCake/Laravel-Corsパッケージをインストールして構(gòu)成します。 1. Composerを介してパッケージをインストールします。 2。設(shè)定ファイルを公開(kāi)し、許可されたオリジン、メソッド、ヘッダーなどの設(shè)定を調(diào)整します。 3.ミドルウェアがグローバルまたは手動(dòng)で特定のルートに適用されていることを確認(rèn)します。 4.誤解された起源、オプションのリクエストの処理の欠落、過(guò)度に制限的なヘッダー、キャッシュの問(wèn)題などの一般的な間違いを避けてください。

Laravel APIがブラウザベースのアプリ（Vue、React、またはPlain JavaScriptで構(gòu)築されたフロントエンドなど）からアクセスすると、CORSの問(wèn)題に遭遇する可能性があります。問(wèn)題は通常、ブラウザコンソールに「no 'access-control-allow-origin'ヘッダーが存在する」などのエラーとして表示されます。これを修正するには、laravelが正しいヘッダーを送信して、クロスオリジンリクエストを許可することが含まれます。

corsとは何ですか、そしてなぜそれが重要なのですか？

CORSは、クロスオリジンリソース共有の略です。これは、Webページがページを提供するドメインとは異なるドメインにリクエストを行う方法を制限するブラウザによって実裝されるセキュリティ機(jī)能です。例えば：

• フロントエンドはhttp://localhost:3000で実行されます
• Laravel APIはhttp://localhost:8000で実行されます

APIに適切なCORSヘッダーが含まれていない限り、フロントエンドからAPIへのリクエストはブロックされます。

これは、悪意のあるWebサイトがお客様に代わってAPIに不正なリクエストを行うことを防ぐのに役立ちますが、合法的なリクエストを許可するためにバックエンドを適切に構(gòu)成する必要があることも意味します。

LaravelでCORを有効にする方法

Laravelは、ミドルウェアを使用してCORを処理する簡(jiǎn)単な方法を提供します。箱から出して、LaravelはデフォルトでCORSミドルウェアを含めていませんが、これを簡(jiǎn)単に処理できるfruitcake/laravel-corsという人気のあるパッケージがあります。

ステップ：

• Composer経由でパッケージをインストールします。

  作曲家には、フルーツケーキ/ララヴェルcorsが必要です

• 構(gòu)成ファイルを公開(kāi)します。

   PHP Artisanベンダー：パブリッシュ--tag = "cors"

• config/cors.phpを開(kāi)き、設(shè)定を調(diào)整します?；镜膜圣互氓去ⅴ氓驻洗韦韦瑜Δ摔胜毪猡筏欷蓼护螅?/p>

   'paths' => ['api/*']、
  'Aldoce_methods' => ['*']、
  'Aldoce_origins' => ['http：// localhost：3000']、
  'Aldoct_headers' => ['*']、
  'exposed_headers' => []、
  'max_age' => 0、
  'supports_credentials' => false、

パスと起源を特定のアプリのニーズに合わせるようにしてください。

CORSミドルウェアを適用する場(chǎng)所

パッケージがインストールされて構(gòu)成されたら、ミドルウェアはサービスプロバイダーを介してすでにグローバルに登録されている必要があります。つまり、 api/*パスの下のルートは、構(gòu)成に基づいてCORSヘッダーを自動(dòng)的に取得します。

さらにコントロールしたい場(chǎng)合は、 app/Http/Kernel.phpでミドルウェアを手動(dòng)で適用できます。 $middlewareGroupsまたは$routeMiddlewareの下にリストされていることがわかります。

また、特定のルートに直接適用したり、 routes/api.phpでルートグループに適用したりすることもできます。

ルート::グループ（['プレフィックス' => 'v1'、 'ミドルウェア' => 'cors']、function（）{
    ルート:: get（ 'users'、[usercontroller :: class、 'index']）;
}）;

覚えておいてください：手動(dòng)で適用している場(chǎng)合は、複製を避けるためにグローバルミドルウェアスタックから削除してください。

一般的な間違いとトラブルシューティングのヒント

CORSをセットアップした後でも、物事はまだうまくいかないかもしれません。ここにいくつかの一般的な落とし穴があります：

• WildCard vs特定のドメイン：許可されたオリジンに['*']を使用すると、 withCredentials情報(bào)を使用していない限り、正常に機(jī)能します。その場(chǎng)合、正確な原點(diǎn)を指定する必要があります。

• 処理されていないプレイライトオプションリクエスト：Laravelは、ミドルウェアがアクティブなときにOPTIONSリクエストに自動(dòng)的に応答する必要があります。許可されていないエラーが許可されていない405メソッドが表示されている場(chǎng)合は、ルートがOPTIONSを受け入れるか、ミドルウェアのセットアップを再確認(rèn)してください。

• ヘッダーまたはメソッドが制限すぎる：フロントエンドがカスタムヘッダー（ AuthorizationやContent-Type: application/json ）を使用している場(chǎng)合、それらがallowed_headersに含まれていることを確認(rèn)してください。

• キャッシュの問(wèn)題：ブラウザはCORS応答をキャッシュすることがあります。 DevToolsでキャッシュを無(wú)効にするか、シークレットモードでテストしてみてください。

• PostmanまたはCurlからのテストは機(jī)能しますが、ブラウザは失敗します。これは正常です。 PostmanのようなツールはCorsを無(wú)視します - ブラウザはそれを?qū)g施するものです。

それは基本的にLaravelでCORを扱う方法です。すべてが正しくセットアップされると複雑ではありませんが、細(xì)部を1つも見(jiàn)逃した場(chǎng)合は、つまずくことができます。

以上がLaravel APIルートでCORSの問(wèn)題を処理する方法は？の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。