AJAX クロスドメインリクエストを実装する Nginx の詳細な図解説明 (コード付き)

今回は、Nginx の AJAX クロスドメイン リクエストの実装について図解で詳しく説明します (コード付き)。 Nginx の AJAX クロスドメイン リクエストの実装の 注意事項 は何ですか? 実際のケースを見てみましょう。

あるドメインから別のドメインへの AJAX リクエストは、クロスドメインの問題を引き起こします。では、nginx で ajax クロスドメインリクエストを実装するにはどうすればよいでしょうか? nginx でクロスドメインリクエストを有効にするには、add_header Access-Control* ディレクティブを追加する必要があります。以下に示すように:

location /{
add_header 'Access-Control-Allow-Origin' 'http://other.subdomain.com';
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Allow-Methods' 'GET';
...
...
the rest of your configuration here
...
...
}

注釈 は次のとおりです:

最初の命令: other.subdomain.com からのリクエストを承認します

2 番目の命令: このフラグが true の場合、リクエストへの応答は

に関係なく公開できます。 3 日目の手順: リクエスト メソッド (GET、POST など) を指定します。

任意のドメインからのアクセスを許可する必要がある場合は、次のように設定できます:

Access-Control-Allow-Origin: *

nginx を再起動します

サービス nginx reload

ajax クロスドメイン リクエスト テスト

成功すると、応答ヘッダーは次のようになります:

HTTP/1.1 200 OK
Server: nginx
Access-Control-Allow-Origin: other.subdomain.com

この記事の事例を読んだ後は、この方法を習得したと思います。情報については、PHP 中国語 Web サイトの他の関連記事にも注目してください。

推奨読書:

Ajax で get と post を使用するときに発生する問題とその対処方法

$.Ajax() メソッドのパラメーターの使用方法

以上がAJAX クロスドメインリクエストを実装する Nginx の詳細な図解説明 (コード付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。