Nginx 外部ネットワーク アクセス イントラネット サイト構成操作

Nginx 外部ネットワーク アクセス イントラネット サイト構成操作

背景:

サイトはフロントエンドとバックエンドから分離されています: vue+springboot

フロントエンド イントラネット アドレス: 192.168.1.10:81

API イントラネット アドレス: 192.168.1.12:8080

外部ドメイン名: abc.ab.com 外部 IP: 10.114.XX

必要:

サイトと静的リソースにはドメイン名を通じてアクセスでき、APIリクエストデータにもアクセスできます。

ソリューション 1: (前提条件: 外部ドメイン名マッピング サーバーの外部 IP)

1. nginxはドメイン名の監視を設定し、静的リソースにアクセスします

2.ここがポイントです! ! !静的リソース要求 API のアドレスが 192.168.1.12:8080 からドメイン名アクセス方式 (abc.ab.com:8080) に変更されました。

nginxを再起動する

その他の解決策は、ブロガーが検証した後に投稿されます。 !

補足知識: nginx を使用してリバース プロキシを実装し、内部ネットワーク サービスへの外部ネットワーク アクセスを実現する

環境背景、サーバーはUbuntuです:

パブリック IP アドレスが 61.174.×.× で、パブリック ネットワークとイントラネットに接続できるサーバー A。別のイントラネット サーバー B には Jenkins サービスがインストールされており、イントラネット IP アドレスは 192.168.3.12 です。

手順:

Aにnginxをインストールする

sudo apt-get でnginxをインストールします

インストール後、/etc/nginx/sites-enabled ディレクトリに移動し、ディレクトリ内のファイルを開いて、デフォルトのポート番号を 8085 に変更します。

次に、/etc/nginx/conf.d ディレクトリに移動し、新しいファイル jenkins.conf を作成します。ファイルの内容は次のとおりです。

サーバ{
聞く 8085;
サーバー名 61.174.171.61;
 
位置 /{
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forward-For $proxy_add_x_forwarded_for;
proxy_set_header ホスト $http_host;
proxy_set_header X-Nginx-Proxy が true の場合;
プロキシパス http://192.168.3.12:8080;
proxy_redirect オフ;
}

次に実行する

nginx を -t で実行します。

sudo nginx -s リロード

エラーが発生した場合:

nginx: [エラー] "/run/nginx.pid" 内の PID 番号 "" が無効です

次に実行する

nginx を /etc/nginx/nginx.conf にコピーします。

次に、パブリック インターネット上の 61.174.171.61:8085 にアクセスして、イントラネット上の Jenkins サービスにアクセスします。

上記のnginx外部ネットワークアクセスイントラネットサイト構成操作は、エディターがあなたと共有するすべてのコンテンツです。参考になれば幸いです。また、123WORDPRESS.COMを応援していただければ幸いです。

以下もご興味があるかもしれません:
  • Nginx ポートマッピングの設定方法
  • リバースプロキシ設定を実装するためのユニバーサルnginxインターフェース
  • nginxリバースプロキシのマルチポートマッピングの実装

<<:  mysql MDLメタデータロックの詳細な分析

>>:  ElementuiはデータをxlsxとExcelテーブルにエクスポートします

推薦する

Dockerコンテナとホストマシン間の8時間の差の問題を解決する

デプロイに docker-compose を使用すると、出力ログと関連イベントが検証されて出力される...

mysql binlog ログを正しくクリーンアップする 2 つの方法

mysqlはbinlogログを正しくクリーンアップします序文: MySQL の binlog はデー...

HTTP および HTTP コラボレーション Web サーバー アクセス フロー図

Web サーバーは、独立したドメイン名を持つ複数の Web サイトを構築できるほか、通信経路上のトラ...

CSS3を使用して背景画像の色を変更するさまざまな方法

CSS3 では画像の色を変更できます。これからは複数の絵をデザインする必要がなくなり、いつでも修正で...

vue3 のストアを使用してスクロール位置を記録する例

目次全体的な効果コンテナのスクロールイベントをリッスンするストア内の構成ページが戻るときのスクロール...

この記事では、6つの負荷分散技術の実装方法をまとめます(要約)

ロード バランシングは、サーバー クラスタの展開でよく使用されるデバイスです。マシンのパフォーマンス...

CSS3セレクターの新機能の実装

目次基本的なセレクタ拡張属性セレクタ疑似クラスと疑似要素セレクター基本的なセレクタ拡張1. 子要素セ...

MySQL関数の包括的な概要

目次1. MySQLでよく使われる文字列関数2. 数値関数3. 日付と時刻の機能4. プロセス機能5...

uni-appがNFC読み取り機能を実装

この記事では、参考までに、NFC読み取り機能を実装するためのuni-appの具体的なコードを紹介しま...

Linux サーバーのクイックアンインストールとノード環境のインストール (簡単に始められます)

1.まずnpmをアンインストールする sudo npm アンインストール npm -g 2. ノー...

React Fragment の紹介と詳しい使い方

目次序文フラグメントの動機React Fragment の紹介と使用<React.Fragme...

Vue3 ベースのスクリプト設定構文 $refs の使用

目次1. Vue2 構文2. Vue3の使用1. コンポーネントのref値を設定する2. コンポーネ...

VueとFlask間の通信の実装

axiosをインストールして通信を実装するここでは、axios を使用して Vue フロントエンドと...

Linux+ApacheサーバURLの大文字と小文字の区別の問題を解決する

今日、問題が発生しました。ブラウザのアドレスバーにURLアドレスを入力する際、ページを正常にアクセス...

MySql データベースのサブクエリと高度なアプリケーションの簡単な分析

MySql データベースのサブクエリ:サブクエリ: 選択クエリ ステートメント内に別の選択ステートメ...