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テーブルにエクスポートします

推薦する

CSS3 クリアフロートメソッドの例

1. 目的この記事を通じて、誰もがフロートをクリアする原理と方法を理解し、最終的にこの記事が最良であ...

Nginx ロードバランシング/SSL 構成の実装

負荷分散とは何ですか?ドメイン名が複数の Web サーバーを指している場合は、nginx ロード バ...

MySQL で特定の親行のすべての子行を見つけるソリューション

序文注: テストデータベースのバージョンはMySQL 8.0ですテーブルを作成し、ユーザー scot...

Vue はフォームデータ検証のサンプルコードを実装します

el-form フォームにルールを追加します。データにルールを定義する定義されたルールをel-for...

Linux プラットフォームの MySQL でリモート ログインを有効にする

開発中、MySQL へのリモートアクセスでよく問題に遭遇します。そのたびに検索する必要があり、面倒に...

MySQLはPartition関数を使用して水平分割戦略を実装します。

目次1件のレビュー2 水平分割の5つの戦略2.1 ハッシュ2.2 範囲2.3. キー2.4. リスト...

mysql8.0.23 msi インストールの超詳細なチュートリアル

1.MySqlをダウンロードしてインストールする公式ウェブサイトからMySqlデータベースをダウンロ...

React の調整アルゴリズム Diffing アルゴリズム戦略の詳細な説明

目次アルゴリズム戦略単一ノードの差分配列ノードの差分キー値の使用要件アルゴリズム戦略React の調...

スタイリッシュなウェブページデザインを作成する方法(グラフィックチュートリアル)

「壮大」という言葉は、おそらく現代のデザイナーが最も聞きたくない言葉でしょう。デザイナー:「デザイン...

Vue でコミュニケーションを実装する 8 つの方法

目次1. コンポーネント通信1. Props 親コンポーネント ---> 子コンポーネント通信...

react+antdプロジェクトをゼロから構築する方法を教えます

これまでの記事はすべて私自身の学習記録であり、主に以前に遭遇した落とし穴を忘れないようにするためのも...

Vue が天気予報機能を実装

この記事では、天気予報機能を実現するためのVueの具体的なコードを参考までに共有します。具体的な内容...

1 つの記事で JSON (JavaScript Object Notation) を理解する

目次JSONが登場JSON構造JSONオブジェクトJson オブジェクトと JavaScript オ...

Win10 の Linux サブシステムを有効にする方法を説明します (詳細な画像とテキスト付き)

今日は、Windows 10 で Linux サブシステムを有効にする方法を紹介します。早速、手順を...

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

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