nginx のフロントエンドとバックエンドに同じドメイン名を設定する方法

nginx のフロントエンドとバックエンドに同じドメイン名を設定する方法

この記事では、主にnginxのフロントエンドとバックエンドに同じドメイン名を設定する方法を紹介し、皆さんと共有します。詳細は次のとおりです。

上流 dfct {
#ip_ハッシュ;
 サーバー 121.41.19.236:8192;
}
 
サーバー{
 サーバー名 ct.aeert.com;
 
 位置 / {
  ルート /opt/web;
  try_files $uri $uri/ /index.html;
  error_page 405 =200 http://$host$request_uri;
 }
 
 場所 ^~/web/ {
  proxy_set_header ホスト $proxy_host;
# proxy_set_header ホスト $host;
  proxy_set_header X-Real-IP $remote_addr;
  proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  プロキシパス http://121.41.19.236:8192/;
 }
 
 
 listen 443 ssl; # Certbot によって管理されています
 ssl_certificate /etc/letsencrypt/live/ct.aeert.com/fullchain.pem; # Certbot によって管理されています
 ssl_certificate_key /etc/letsencrypt/live/ct.aeert.com/privkey.pem; # Certbot によって管理されます
 include /etc/letsencrypt/options-ssl-nginx.conf; # Certbot によって管理されます
 ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # Certbot によって管理されます
 
}
 
 
サーバー{
 $host = ct.aeert.comの場合{
  301 https://$host$request_uri を返します。
 } # Certbot によって管理されています
 
 
 聞く 80;
 サーバー名 ct.aeert.com;
 404 を返します。# Certbot によって管理されています
 
 
}

補足: nginx を使用してフロントエンドとバックエンドを分離したプロジェクトをデプロイする 3 つの方法

フロントエンドとバックエンドが分離されたプロジェクトの場合、フロントエンドとバックエンドは異なるドメイン名を使用することも、同じドメイン名を使用することもできます。

以下は、フロントエンドとバックエンドが同じドメイン名を使用する場合です。

1. フロントエンドはwww.xxx.comを使用し、バックエンドはapi.xxx.comを使用します。

サーバー{
サーバー名 www.xxx.com;

位置 / {
 ルート /tmp/dist;
 インデックス index.html;
 try_files $uri $uri/ /index.html;
  }
 }

サーバー{
サーバー名 api.xxx.com;
位置 / {
uwsgi_pass 127.0.0.1:8000;
/etc/nginx/uwsgi_params を含めます。
 }
}

2. フロントエンドはwww.xxx.comを使用し、バックエンドはwww.xxx.com/api/を使用します。

1. uwsgiがhttpを使用する場合は、次のように設定できます。

サーバー{
サーバー名 www.xxx.com;

位置 / {
 ルート /tmp/dist;
 インデックス index.html;
 try_files $uri $uri/ /index.html;
 }

場所 ^~ /api/ {
 プロキシパス http://127.0.0.1:8000/;
 }
}

2. uwsgiがソケット方式を使用する場合は、次のように設定する必要があります。

サーバー{
サーバー名 www.xxx.com;
位置 / {
 ルート /tmp/dist;
 インデックス index.html;
 try_files $uri $uri/ /index.html;
}

場所 ^~ /api/ {
 プロキシパス http://127.0.0.1:8080/;
 }
}
サーバー{
8080を聴く;
位置 / {
uwsgi_pass 127.0.0.1:8000;
/etc/nginx/uwsgi_params を含めます。
 }
}

nginx のフロントエンドとバックエンドに同じドメイン名を設定する方法についてはこれで終わりです。nginx のフロントエンドとバックエンドに同じドメイン名を設定する方法の詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • 異なるドメイン名への PC または携帯電話のアクセスを区別するように Nginx を構成する方法

<<:  CSS のみを使用して折りたたまれたヘッダー効果を作成する方法の例コード

>>:  TinyEditorはシンプルで使いやすいHTML WYSIWYGエディタです

推薦する

mysqlパラメータsql_safe_updatesを使用して更新/削除範囲を制限する方法の詳細な説明

序文皆さんご存知のとおり、MySQL の運用・保守において、更新/削除条件が誤っているためにデータが...

MySQLが2つのテーブルを関連付ける際のエンコードの問題と解決策

Mysqlが2つのテーブルを関連付けると、次のエラーメッセージが生成されます:照合順序の不正な組み合...

mysql8.0.19 の基本データ型の詳細な説明

MySQL 基本データ型一般的な MySQL データ型の概要 ![1036857-201708011...

MySqlは指定されたユーザーのデータベースビュークエリ権限を設定します

1. 新しいユーザーを作成します。 1. SQL ステートメントを実行して新しいものを作成します (...

Tomcat ソースコード起動コンソールの中国語文字化けのデバッグプロセス記録

問題を見つける今日はTomcatのソースコードを勉強するつもりなので、公式サイトからTomcatのソ...

MySQLに画像を保存する方法

1 はじめにデータベースを設計する場合、画像や音声ファイルをデータベースに挿入することは避けられませ...

Linux で ARM 開発ボード用のファイルシステムを作成する

1. Busyboxのソースコードをオンラインでダウンロードしてください。コンパイル方法については、...

ページデザインにおけるテーブルとdivの適切な適用についての簡単な説明

この記事の冒頭で、以前書いた入門記事の間違いを訂正したいと思います。初心者を再び誤解させないように、...

MySQL統計データテーブルの設計方法

目次リアルタイム更新は必要ですか?マテリアライズド ビュー ツール (Flexviews)カウントテ...

W3C チュートリアル (6): W3C CSS アクティビティ

スタイル シートは、ドキュメントの表示方法、発音方法、または入力方法を記述します。スタイル シートは...

MySQLのSQLモードの特徴のまとめ

序文SQL モードは、MySQL がサポートする SQL 構文と、実行されるデータ検証チェックに影響...

MySQLの実行原理、論理階層化、データベース処理エンジンの変更について詳しく説明します

長い間 MySQL を使ってきたので、SQL 文はすでに覚えていると思います。そこで、その実行原理を...

イラスト風ウェブサイトホームページデザイン ウェブサイトデザインの新トレンド

視覚効果が非常に美しく、訪問者に強い印象を残すことがわかります。さらに、重要なポイントが強調され、訴...

ディスク容量不足による MySQL レプリケーション障害の解決方法

目次ケースシナリオ問題を解決するまとめケースシナリオ本日、オンラインで問題が発見されました。監視範囲...

自己終了XHTMLタグを書くときに注意すべきこと

XHTMLの img タグは、次のように記述する必要があります: <img alt="...