ThinkPHP6 クロスドメインリクエスト処理: フロントエンドとバックエンドの分離の問題を解決する

ThinkPHP6 クロスドメインリクエスト処理: フロントエンドとバックエンドの分離の問題を解決する

インターネット アプリケーションの継続的な開発に伴い、フロントエンドの開発モデルはエンドエンドとバックエンドの分離はますます一般的になりつつあります。 ThinkPHP6 フレームワークを使用してフロントエンドとバックエンドを分離するアプリケーションを開発する場合、クロスドメイン要求が一般的な問題になります。この記事では、ThinkPHP6 でクロスドメインリクエストを処理する方法と、対応するコード例を紹介します。

1. クロスドメイン リクエストとは何ですか?

クロスドメイン リクエストとは、フロントエンド コードが異なるドメイン名またはバックエンドにリクエストを送信する Web アプリケーションを指します。 Ajax やその他の方法を介してポートを設定します。ブラウザの同一オリジン ポリシー制限により、リクエストされた URL が現在のページのドメイン名、プロトコル、またはポートと異なる場合、ブラウザはリクエストをブロックします。

2. クロスドメインリクエストを解決する方法

1. HTTP レスポンスヘッダーの設定

ThinkPHP6 では、コントローラーにレスポンスヘッダーを設定できます。クロスドメインリクエストの問題を解決します。クロスドメイン要求をサポートする必要があるコントローラー メソッドでは、次のコードを使用して応答ヘッダーを設定できます。

<?php
namespace appcontroller;

use thinkacadeRequest;

class Index
{
    public function index()
    {
        $allowOrigin = Request::header('origin');
        $allowHeaders = 'X-Requested-With, Content-Type, Authorization';
        $allowMethods = 'GET, POST, PUT, DELETE, PATCH, OPTIONS';

        header("Access-Control-Allow-Origin: ".$allowOrigin);
        header("Access-Control-Allow-Headers: ".$allowHeaders);
        header("Access-Control-Allow-Methods: ".$allowMethods);
    }
}

上記のコードでは、要求の元のヘッダー情報を取得して、それを次のように設定します。 Access-Control-Allow-Origin 応答ヘッダー。同時に、Access-Control-Allow-Headers ヘッダーと Access-Control-Allow-Methods ヘッダーを設定して、他のカスタム リクエスト ヘッダーとリクエスト メソッドをサポートすることもできます。

2. ミドルウェアを使用してクロスドメイン リクエストを処理する

コントローラーで応答ヘッダーを設定するだけでなく、ミドルウェアを使用してクロスドメイン リクエストを処理することもできます。 ThinkPHP6 では、クロスドメイン ミドルウェアの作成は非常に簡単で、app/middleware ディレクトリに Cors.php ファイルを作成し、そのファイルに対応するコードを記述するだけです。

<?php
namespace appmiddleware;

class Cors
{
    public function handle($request, Closure $next)
    {
        $allowOrigin = $request->header('origin');
        $allowHeaders = 'X-Requested-With, Content-Type, Authorization';
        $allowMethods = 'GET, POST, PUT, DELETE, PATCH, OPTIONS';

        header("Access-Control-Allow-Origin: ".$allowOrigin);
        header("Access-Control-Allow-Headers: ".$allowHeaders);
        header("Access-Control-Allow-Methods: ".$allowMethods);

        return $next($request);
    }
}

次に、app/middleware.php ファイルにミドルウェアを登録します。

<?php
// 其他中间件...
ppmiddlewareCors::class,

登録が完了すると、ミドルウェアはすべてのリクエストの前に処理され、クロスをサポートするための応答ヘッダーが自動的に追加されます。 -ドメインリクエスト。

3. クロスドメイン リクエスト処理の確認

クロスドメイン リクエスト処理が有効になっていることを確認するには、ブラウザの開発者ツールを使用してリクエストの応答ヘッダーを表示します。ブラウザの開発者ツールを開き (通常は F12 キーを押します)、[ネットワーク] タブを選択して、テスト リクエストを作成します。応答ヘッダーに、Access-Control-Allow-Origin、Access-Control-Allow-Headers、Access-Control-Allow-Methods などのヘッダー情報が表示されるはずです。

4. 概要

この記事では、ThinkPHP6 でクロスドメイン リクエストを処理する方法を紹介します。 HTTP 応答ヘッダーを設定するかミドルウェアを使用することにより、フロントエンドとバックエンドの分離アプリケーションにおけるクロスドメイン要求の問題を簡単に解決できます。実際の開発では、ニーズに応じて適切な方法を選択し、特定のシナリオに応じて対応する構成と柔軟な処理を実行します。

この記事が、ThinkPHP6 フレームワークを使用してフロントエンドとバックエンドの分離アプリケーションを開発する際のクロスドメイン要求の処理に役立つことを願っています。ご質問やご提案がございましたら、ディスカッションのためにメッセージを残してください。

以上がThinkPHP6 クロスドメインリクエスト処理: フロントエンドとバックエンドの分離の問題を解決するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。