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 にアクセスします。
スラッシュを追加すると、すべての /api リクエストがルート ディレクトリに転送され、/api が / に置き換えられます。この時点で、インターフェイス パスが変更され、/api のレイヤーが 1 つ減ります。スラッシュなしの場合はどうでしょうか?これは、ドメイン名 127.0.0.1:8081 に転送するときに /api パスが失われないことを意味します。 以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
>>: 新しく作成された MySQL ユーザーの % には localhost が含まれていますか?
この記事の目的は、最も明確な構造を使用していくつかのコンポーネントの基本機能を実装することです。皆さ...
目次1. JS オブジェクトDOM –1、機能–2、テスト3. jQuery –1. 概要–2、使用...
構文フォーマット: row_number() over(partition by grouping ...
今日、問題が発生しました: MySQL の insert into、update、delete ステ...
1. コマンドの紹介gzip (GNU zip) コマンドは、ファイルの圧縮と解凍に使用されます。こ...
MIME タイプとは何ですか? 1. まず、ブラウザがコンテンツを処理する方法を理解する必要がありま...
何人かの学生は、マスターとスレーブの間の不一致の問題に遭遇したと述べました。一般的な状況としては、m...
3つのモードブリッジ(ブリッジ モード)、NAT(ネットワーク アドレス変換モード)、ホストオンリー...
目次目的モジュールのインストール基本的な使い方ポートをスキャンする開いているポートデータの送信データ...
時間フィールドは、データベースの使用時によく使用されます。よく使われるのは作成時間と更新時間です。し...
最近、仕事中に問題が発生しました。Docker コンテナがホストの redis にアクセスできず、t...
私はtengineを使用しています。インストールディレクトリは/usr/local/tengineで...
この記事の例では、ドロップダウンリストを実装するためのJavaScriptの具体的なコードを参考まで...
0x0 はじめにまず、ハッシュアルゴリズムとは何でしょうか?メッセージやセッション項目など、一部のデ...
HTML5の<input="text" placeholder="...