検索

ホームページ  >  に質問  >  本文

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

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

リクエストは Nuxt 3 の

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

リクエストは

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

Laravel 9.2

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

auth ルート

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

P粉739886290P粉739886290379日前587

全員に返信(1)返信します

  • P粉917406009

    P粉9174060092023-12-25 18:35:22

    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 は必要ありません。ここで

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

    返事
    0
  • キャンセル返事