質問 前回のクロスドメイン リソース共有に関する記事では、ドメイン間で Cookie を送信する場合、Access-Control-Allow-Origin を * に設定することはできず、要求された Web ページと一致する明確なドメイン名を指定する必要があることを説明しました。このような問題は、このプロジェクトの開発中に他の人と共同作業しているときに発生しました。 解決
実装 リバースプロキシの概念 リバースプロキシ方式とは、インターネット上の接続要求をプロキシサーバーで受け付け、内部ネットワーク上のサーバーに転送し、サーバーから取得した結果をインターネット上の接続要求元のクライアントに返す方式です。このとき、プロキシサーバーは外部からはサーバーのように見えます。リバース プロキシ サーバーはクライアントには元のサーバーと同じように見えるため、クライアントは特別な構成を実行する必要はありません。クライアントはリバース プロキシの名前空間内のコンテンツに通常の要求を送信し、リバース プロキシは要求を転送する場所 (元のサーバー) を決定し、コンテンツが元々クライアントに属していたかのように、取得したコンテンツをクライアントに返します。 nginxリバースプロキシを使用してクロスドメインを実装する手順 nginxの公式サイトにアクセスしてパッケージをダウンロードし、nginx環境を構築します。 nginx設定ファイルを変更し、ngixn.confファイルを見つけて関連する設定を変更します。 http { mime.types を含めます。 デフォルトタイプ アプリケーション/オクテットストリーム; ファイル送信オン; サーバー{ listen 8000; #ポート8000をリッスンします。他のポートに変更することもできます server_name localhost; #現在のサービスの場所のドメイン名 /wili/api/ { proxy_pass http://chick.platform.deva.wili.us/api/; #アクセスパスが /will/api として記録されたプロキシ構成を追加します proxy_http_version 1.1; } 位置 / { proxy_pass http://localhost:8001; プロキシ_http_バージョン 1.1; } エラーページ 500 502 503 504 /50x.html; 場所 = /50x.html { ルートhtml; } } } 構成の説明:
nginx を設定したので、すべてのアクセスは元の Web サイト アドレス (Web サイト A は localhost:8001、Web サイト B は http://chick.platform.deva.wili.us/api/) ではなく nginx を経由する必要があります。したがって、Web サイト A のリクエスト インターフェイスを http://localhost:8000/wili/api/ に変更する必要があります。次に、nginxを起動し、設定された8000にアクセスします。 注意すべき点は、nginx を起動するとポートの競合が発生し、起動に失敗する可能性があることです。タスク マネージャーで起動が成功したかどうかを確認できます。 要約する クロスドメイン ブラウザの問題を解決する方法は多数あります。
以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: WeChatミニプログラムページ間の価値転送を実装する方法の例
>>: MySQLをインストールして設定し、ルートパスワードを変更する方法
この記事では、ドラッグプログレスバーを実現するためのVueの具体的なコードを例として紹介します。具体...
データベースを操作する過程では、いくつかの指標を日付別にまとめたり、一定期間内の合計金額をカウントし...
オリジナルリンク: https://vien.tech/article/157序文この記事では、Ub...
Vue親コンポーネントは子コンポーネントの関数を呼び出す親コンポーネントはイベントを通じて子コンポー...
場合によっては、フォーム内のテキスト ボックスを読み取り専用にして、ユーザーがその中の情報を変更でき...
tomcatの設定1. 実行構成をクリック 2. tomcat localを選択 3. tomcat...
アプリケーション ソフトウェアには通常、次のようなビジネス要件があります。新しいバージョンの APP...
<a> タグは主に、ハイパーリンクまたはアンカー リンクとも呼ばれるリンクとブックマーク...
目次js の1. グローバルガードを登録する2. Vuex 状態管理グローバルキャッシュルート3. ...
1. 前述の通り数年前、Linux ドライバーのコードを読んでいたときにこのマクロを見ました。長い間...
コードをコピーコードは次のとおりです。 <html> <ヘッド> <m...
1. 環境整備各コンテナの IP アドレス: nginx: 172.16.10.10マイSQL: 1...
HTML では、色は 2 つの方法で表現されます。 1 つは、青の場合は blue のように色の名前...
目次1. 永続データの簡単なマウント2. DockerFileでイメージをビルドし、設定ファイルを指...
共通コンベンションタグ自己終了タグ。閉じる必要はありません (例: img input br hr ...