Mac版Nginxの使用とWebプロジェクトの実際のデプロイ - 最も簡単な方法

1. brew はコンピュータにインストールされていますか?

1.1 端末入力コマンド: which brew

以下の画面が表示されればインストールされており、インストール
ここに画像の説明を挿入します
されていない場合は端末は以下の命令を実行します。

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

インストールが成功したかどうかを確認するには、次のコマンドを実行します。brew -v
ここに画像の説明を挿入します

2 この時点で、brew はすでに利用可能になっているので、Nginx のインストールを開始します。

実行命令:

brew install nginx

nginx -v
以下の図に示すように、インストールが完了したかどうかを確認し、コマンドを実行します。これは、インストールが成功したことを意味します。
ここに画像の説明を挿入します

3 この時点で、Nginx はインストールされ、起動されています。

よく使用されるいくつかの命令を簡単に紹介します。

  • 起動コマンド:nginxまたはsudo nginx
  • Nginx の再起動手順:sudo nginx -s reload
  • Nginx コマンドを停止する: sudo nginx -s quit、または直接: killall nginx

正常に開始されたかどうかを確認します。 ps -ef | grep nginx
以下に示すように、正常に開始されたことを意味します。
ここに画像の説明を挿入します
または、URL として localhost:8080 を直接入力し、次の図が表示された場合は、正常に開始されたことを意味します。
ここに画像の説明を挿入します

4. 一部のコンピュータでは 8080 ポートが占有されており、起動に失敗する場合がありますので、ポート番号を変更してください。

ポート番号を変更するには、nginx.conf ファイルを見つける必要があります。操作は次のとおりです。 コマンドを
実行して、設定ファイルが置かれているディレクトリを見つけます。 nginx -t
以下の図は、nginx.conf が置かれているディレクトリです
ここに画像の説明を挿入します
。コマンド: open /opt/homebrew/etc/nginx/、このディレクトリに入り、マウスを右クリックして組み込みを使用します。テキスト エディタで開くだけです。
ここに画像の説明を挿入します
下の図はポート番号の設定を示しています。ここでは 8082 に変更しました。
ここに画像の説明を挿入します

5 この時点でNginxは正常に起動しましたので、次に実際のデプロイを開始します。

5.1 ステップ 1: Nginx が配置されているディレクトリを見つけます。これはnginx.confのディレクトリではなく、Nginxのインストールディレクトリであることに注意してください。brew info nginx 次の図に示すように、次のコマンドを実行します。
ここに画像の説明を挿入します
ここでは nginx のインストール ディレクトリを使用していますので、ディレクトリが 2 つあることに注意してください。
このディレクトリを開きます: open /opt/homebrew/Cellar/
ここに画像の説明を挿入します
5.2 ステップ 2: 以下に示すように、フロントエンド ファイルをこのディレクトリ内の html ファイルにコピーします: 現時点では、
ここに画像の説明を挿入します
ここに画像の説明を挿入します
フロントエンド ファイルをそこに配置しています;
5.3 ステップ 3: nginx.conf ファイルを再度変更します。 , 目的は、フロントエンド ファイルを見つけることです。nginx.conf を開く方法は上記の通りで、ポート番号を変更するファイルを開きます。
フロントエンド プロジェクトの場所を指定します: 私のフロントエンド ファイルは html フォルダーの下にある soulsys です。ページに設定した login.html を開きます。ここでポート番号を 8086 に変更したことに注意してください:

ここに画像の説明を挿入します

6つのプロジェクトが動き始めた

バックエンドを起動してから nginx を起動します。ここで注意する必要があります。次の図に示すように、bin ディレクトリでプロジェクトの nginx を起動することもできます。
ここに画像の説明を挿入します
ここに画像の説明を挿入します
または、ターミナル コマンドを直接入力してnginx起動します。nginx が起動されている場合は、デプロイ後に nginx を再起動してコマンドを再起動することを忘れないでください。sudo nginx -s reload以下に示すように
、正常に開始されたことを意味します。
ここに画像の説明を挿入します

7 つのテスト

ここに画像の説明を挿入します
無事にスタートしました!!!

おすすめ

転載: blog.csdn.net/Onion_521257/article/details/127328496