nginx でクロスドメイン障害修復を構成する方法の例

nginx でクロスドメイン障害修復を構成する方法の例

Nginxのクロスドメイン設定は次のようには機能しません

サーバー{
  聞く 80;
  server_name ローカルホスト;
  
  # インターフェース転送場所 /api/ {
   # クロスドメインリクエストアドレス * をワイルドカードとして許可する add_header 'Access-Control-Allow-Origin' '*';
   # リクエストメソッドをクロスドメインに設定します。add_header 'Access-Control-Allow-Methods' 'GET、POST、OPTIONS、PUT、DELETE';
   # クッキーの送信を許可するかどうかを設定します。add_header 'Access-Control-Allow-Credentials' 'true';
   # リクエスト ヘッダーの設定。ここでワイルドカード文字を設定してみませんか? * add_header 'Access-Control-Allow-Headers' 'Authorization,Content-Type,Accept,Origin,User-Agent,DNT,Cache-Control,X-Mx-ReqToken,X-Data-Type,X-Requested-With,X-Data-Type,X-Auth-Token' はサポートされていないためです。
   # リバースプロキシを設定する proxy_pass 127.0.0.1:8081/;
  }
 }

インターネット上の nginx のクロスドメイン構成は主に上記のバージョンです。ただし、多くの人はそれをコピーするだけで、実際には実践していません。そのため、必要な人に盲目的にコピーせず、分析することを学ぶように思い出させるためにこの記事を書きました。

Nginxは次の設定を変更して有効にします

サーバー{
  聞く 80;
  server_name ローカルホスト;
  
  # インターフェース転送場所 /api/ {
   # クロスドメインリクエストアドレス * をワイルドカードとして許可する add_header 'Access-Control-Allow-Origin' '*';
   # リクエストメソッドをクロスドメインに設定します。add_header 'Access-Control-Allow-Methods' 'GET、POST、OPTIONS、PUT、DELETE';
   # クッキーの送信を許可するかどうかを設定します。add_header 'Access-Control-Allow-Credentials' 'true';
   # リクエスト ヘッダーの設定。ここでワイルドカード文字を設定してみませんか? * add_header 'Access-Control-Allow-Headers' 'Authorization,Content-Type,Accept,Origin,User-Agent,DNT,Cache-Control,X-Mx-ReqToken,X-Data-Type,X-Requested-With,X-Data-Type,X-Auth-Token' はサポートされていないためです。
   
   # オプションリクエスト処理を設定する if ( $request_method = 'OPTIONS' ) { 
    200を返します。
   }
   # リバースプロキシを設定する proxy_pass 127.0.0.1:8081/;
  }
 }

2つのコードの主な違いは次のコード行です。

$request_method = 'OPTIONS' の場合 
  200を返します。
}

ブラウザは、POST リクエストのオプション事前チェック リクエストを送信します。これは主にリクエスト ヘッダーをサーバーに送信します。サーバーが許可した場合は、実際の POST リクエストが送信されます。したがって、f12 は、POST が 2 つのリクエストを送信することが多いことを示しています。バックエンドの Java コードがオプション要求を処理しないため、オプション インターフェース要求は 403 禁止を報告します。ここで、nginx はインターフェース層に到達せずにオプション要求に直接 200 を返し、ポスト応答ヘッダーを直接許可します。これにより、上記の無効な構成が有効になる可能性があります。

ちょっとした知識ポイント

プロキシパス 127.0.0.1:8081/;

リバースプロキシに追加するかどうかの問題について;

http://localhost/api/user/login にアクセスします。

  • / を追加すると、実際のアクセスは 127.0.0.1:8081/user/login になります。
  • / がない場合、実際のアクセスは 127.0.0.1:8081/api/user/login になります。

スラッシュを追加すると、すべての /api リクエストがルート ディレクトリに転送され、/api が / に置き換えられます。この時点で、インターフェイス パスが変更され、/api のレイヤーが 1 つ減ります。スラッシュなしの場合はどうでしょうか?これは、ドメイン名 127.0.0.1:8081 に転送するときに /api パスが失われないことを意味します。

以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

以下もご興味があるかもしれません:
  • NginxサーバーでAJAXクロスドメインリクエストを処理するための設定方法の説明
  • ドメイン間でフォントファイルを使用するための Nginx の詳細な設定
  • ドメイン間でフォントファイルを使用するように Nginx を設定する方法
  • Nginxサーバー構成はajaxのクロスドメイン問題を解決します
  • nginxサーバーは設定を通じてAPIのクロスドメイン問題を解決します
  • Nginx リバース プロキシ クロスドメインの基本設定とよくある誤解について詳しく説明します
  • Nginx 構成 クロスドメイン リクエスト Access-Control-Allow-Origin * 詳細な説明
  • Nginx のクロスドメイン アクセス シナリオの構成とアンチホットリンクの詳細
  • Nginx プロキシ転送構成を通じてクロスドメイン API プロキシ転送を実装する方法

<<:  JavaScriptのスタックとコピーの詳細な説明

>>:  新しく作成された MySQL ユーザーの % には localhost が含まれていますか?

推薦する

Reactはラジオコンポーネントのサンプルコードを実装します

この記事の目的は、最も明確な構造を使用していくつかのコンポーネントの基本機能を実装することです。皆さ...

JavaScript と JQuery フレームワークの基本チュートリアル

目次1. JS オブジェクトDOM –1、機能–2、テスト3. jQuery –1. 概要–2、使用...

SQL ROW_NUMBER() および OVER() メソッドのケーススタディ

構文フォーマット: row_number() over(partition by grouping ...

SQL と MySQL のステートメント実行順序の分析

今日、問題が発生しました: MySQL の insert into、update、delete ステ...

Linux gzipコマンドの使用

1. コマンドの紹介gzip (GNU zip) コマンドは、ファイルの圧縮と解凍に使用されます。こ...

MIME タイプの完全なリスト

MIME タイプとは何ですか? 1. まず、ブラウザがコンテンツを処理する方法を理解する必要がありま...

MySQL が暗黙のデフォルト値を処理する方法

何人かの学生は、マスターとスレーブの間の不一致の問題に遭遇したと述べました。一般的な状況としては、m...

VMWare ネットワーク アダプタの 3 つのモードの実装プロセスの分析

3つのモードブリッジ(ブリッジ モード)、NAT(ネットワーク アドレス変換モード)、ホストオンリー...

Node.js での SerialPort モジュールの使用

目次目的モジュールのインストール基本的な使い方ポートをスキャンする開いているポートデータの送信データ...

mysqlは時間を自動的に追加し、時間を自動的に追加および更新する操作を実装します

時間フィールドは、データベースの使用時によく使用されます。よく使われるのは作成時間と更新時間です。し...

Dockerコンテナがホストポートにアクセスできない場合の解決策

最近、仕事中に問題が発生しました。Docker コンテナがホストの redis にアクセスできず、t...

nginx.conf ファイルの構文強調表示とフォーマット設定には nginx.vim ツールを使用します。

私はtengineを使用しています。インストールディレクトリは/usr/local/tengineで...

ドロップダウンリストのJavaScript実装

この記事の例では、ドロップダウンリストを実装するためのJavaScriptの具体的なコードを参考まで...

Nest.js のハッシュと暗号化の例の詳細な説明

0x0 はじめにまず、ハッシュアルゴリズムとは何でしょうか?メッセージやセッション項目など、一部のデ...