Nginx で複数のドメイン名がドメインをまたいでアクセスできるようにマップを使用する方法

一般的なNginx構成ではクロスドメインが可能

サーバー{
  11111 を聞いてください。
  server_name ローカルホスト;

  場所 ~ /xxx/xx {
    $request_method = 'OPTIONS'の場合{
      204を返します。
    }
    アクセス制御許可オリジン * のヘッダーを追加します。
    add_header アクセス制御許可メソッド 'GET、POST、OPTIONS';
    add_header Access-Control-Allow-Headers 'DNT、X-Mx-ReqToken、Keep-Alive、User-Agent、X-Requested-With、If-Modified-Since、Cache-Control、Content-Type、Authorization';
    プロキシパス http://1.2.3.4:5678;
  }
}

Access-Control-Allow-Origin を '*' として指定します。これは、すべてのクロスドメインアクセスを許可する最も単純かつ強力な方法です。

クッキーを許可する

一部のシナリオでは、Cookie が必要です。この場合、Nginx は add_header Access-Control-Allow-Credentials 'true'; という文を追加する必要がありますが、このとき、ブラウザは、このパラメータが true の場合、allow origin を '*' に設定できないというエラーを報告します。複数のドメイン名を手動で指定した場合も、ブラウザは、allow origin を複数に設定できないというエラーを報告します。これらは、プロトコルレベルの制限です。

マップの使用

Nginx では、map を使用してカスタム変数を取得できます。簡単な使用方法については、公式ドキュメントを参照してください。上記のシナリオでは、リクエスト内の origin をフィルターし、要件を満たすリクエストドメイン名を変数に入れることができます。allow origin を設定すると、この変数を使用して、動的な複数のクロスドメインドメイン名を実装できます。

構成例は次のとおりです。

$http_origin $allow_origin をマップします {
  デフォルト "";
  "~^(https?://localhost(:[0-9]+)?)" $1;
  "~^(https?://127.0.0.1(:[0-9]+)?)" $1;
  "~^(https?://172.10(.[\d]+){2}(:[0-9]+)?)" $1;
  "~^(https?://192.168(.[\d]+){2}(:[0-9]+)?)" $1;
}

サーバー{
  11111 を聞いてください。
  server_name ローカルホスト;

  場所 ~ /xxx/xx {
    $request_method = 'OPTIONS'の場合{
      204を返します。
    }
    アクセス制御の許可元ヘッダー $allow_origin を追加します。
    add_header アクセス制御許可メソッド 'GET、POST、OPTIONS';
    add_header Access-Control-Allow-Headers 'DNT、X-Mx-ReqToken、Keep-Alive、User-Agent、X-Requested-With、If-Modified-Since、Cache-Control、Content-Type、Authorization';
    add_header アクセス制御許可資格情報 'true';
    プロキシパス http://1.2.3.4:5678;
  }
}

説明：

$http_originはNginxの内部変数で、リクエストヘッダーのオリジンを取得するために使用されます。

$allow_originはカスタマイズ可能な変数名です

要約する

これで、マップを使用して Nginx を実装し、ドメイン間で複数のドメイン名を許可する方法についてのこの記事は終了です。ドメイン間で複数のドメイン名を許可する Nginx のマップ実装の詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM を応援してください。

以下もご興味があるかもしれません: