Nuxt 3 プロキシ HTTP リクエストを受け入れるように Laravel CORS を設定するにはどうすればよいですか?

Question

Nuxt 3 から、Laravel の 認証コントローラー につながる api ルート にクライアント リクエストを送信しようとしていますが、次のメッセージが返されます。 リーリー

リクエストは Nuxt 3 の

$fetch API によって送信されます: リーリー

リクエストは

controller に到達する前に停止しているようです。これは routes/api.php: です リーリー

Laravel 9.2

からは、設定できる config/cors.php ファイルがあるようですが、方法がわかりません。デフォルトは次のとおりです: リーリー Nuxt 3 から

auth ルート

への api リクエスト を許可する方法はありますか?

Answer 1

Laravel 開発者にとって、特に Homestead

を使用して Laravel を作成する場合、SSR Nuxt への取り組みを開始するのは非常に簡単です。

SSR Nuxt サイトでは、ドメインとして example.com を使用することができ、Laravel API はプレフィックス http://example.com/api (ルーティング) を介して呼び出すこともできます。 routes/api.php)

にあります

Nginx 構成は次のとおりです。 リーリー

あなたのSSR Nuxt3で

リーリー

その後、CORS に対処する時間を節約できます。

---

proxy_set_header X-Forwarded-For $remote_addr;

: の詳細 SSR Nuxt では、一部のリクエストはフロントエンド サーバーから送信され、一部のリクエストはクライアント ブラウザから送信されます。フロントエンドサーバーから送信される場合、クライアントのIPではなく独自のIPを使用してLaravelスロットルがトリガーされる可能性があります。これを回避するには、最初に

proxy_set_header X-Forwarded-For $remote_addr;

を追加します。次に、Nuxt リクエストにリクエスト ヘッダーを追加します。 代码>SSR Nuxt2 (@nuxtjs/axios を使用) では、

plugins/axios.js

リーリー SSR Nuxt3 では、公式 HTTP クライアントが含まれているため、axios は必要ありません。ここで

ソリューションを参照してください