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 が含まれていますか?
最近、Linux ホストに環境を展開する際に多くの問題に遭遇しました。最初の問題は、ジャンプ サーバ...
目次不規則なフォームの実装透明な部分をクリックする不規則なフォームの実装ここでは円形フォームを実装し...
1. 目標: mysql の character_set_server の値を latin1 から ...
序文Vue で要素を初回取得できない問題の解決方法は、ポップアップ ウィンドウで要素を取得するために...
1. HTML部分 <Col span="2">ファイルをアップロー...
この記事では、参考までに、シンプルな広告ウィンドウを実装するためのjsの具体的なコードを紹介します。...
01. 無限フォントのダウンロード02. バンダフォントのダウンロード03. ロールアップフォントの...
目次意味構造例カスタムショートカットキー元に戻すとやり直し録音と再生マクロ要約する意味リクエストをオ...
ソフトウェアのダウンロードソフトウェアのダウンロード リンク: https://pan.baidu....
1. Linuxグループの基本紹介Linux では、すべてのユーザーはグループに所属する必要があり、...
influxDB の紹介influxDB は分散型時系列データベースです。 cAdvisor はリ...
最近のウェブサイトでは SSL を有効にするのが標準となっています。ただし、SSL を設定した後も、...
序文HTTP はステートレスな通信プロトコルです。各リクエストは互いに独立しており、サーバーは以前の...
この記事では主に、Vue でシンプルな無限ループスクロールアニメーションを実装し、みんなで共有する例...
成果を達成する 実装コードhtml <div id=コンテナ> いらっしゃいませ <...