nginxで静的リソースを公開する方法

nginxで静的リソースを公開する方法

ステップ

  • 準備した静的リソースファイルを指定されたフォルダに配置します
  • nginx 設定ファイルを変更する: nginx.conf
  • nginx サービスを開始します: start nginx (必ず nginx ディレクトリに切り替えてください)
  • ブラウザでリリースが成功したかどうかを確認する

実際の操作

公開された静的 Web ページを指定されたフォルダーに配置します。

ここに画像の説明を挿入

nginx 設定ファイルを変更します。

ここに画像の説明を挿入

nginx.conf の設定内容は次のとおりです。

#ユーザーnobody;
ワーカープロセス 1;

#error_log ログ/error.log;
#error_log ログ/error.log 通知;
#error_log ログ/error.log 情報;

#pid ログ/nginx.pid;


イベント {
  ワーカー接続 1024;
}

http {
   gzip オン;

  #静的ファイルサーバー{
    8080を聴く;
    server_name ローカルホスト;

    位置 / {
      ルート D:/resources/statichtmls;
    }
  }

  #html ファイルサーバー {
    8080を聴く;
    サーバー名 127.0.0.1 ローカルホスト;

    位置 / {
      ルート D:/resources/statichtmls;
      インデックス index.html index.htm; 
    }
  }
}

nginxを起動します:

ここに画像の説明を挿入

リリースが成功したかどうかを確認する

ここに画像の説明を挿入

失敗した場合は、ポート番号やその他の設定、静的ファイルが正しいかどうかを確認してください。

nginxをシャットダウンする

テストが完了したら、使用しない場合はnginxを閉じることを忘れないでください

ここに画像の説明を挿入

次にシステムに入るとログインできません。これは nginx が閉じていることを意味します。

ここに画像の説明を挿入

nginx で静的リソースを公開する方法についての記事はこれで終わりです。nginx で静的リソースを公開する方法についての詳細は、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • Linux サーバー上のローカル静的リソースにアクセスするために nginx を使用する方法
  • nginx/apache 静的リソースのクロスドメインアクセスの問題を解決する詳細な説明
  • 動的データと静的リソースのリクエストを分離するための Nginx + Tomcat の詳細な説明
  • nginx静的リソースサーバーの簡単な設定の詳細説明
  • Nginxは静的リソースのリバースプロキシの例を実装します
  • nginx-http-concat モジュールを使用して、nginx で静的リソース ファイルをマージします。

<<:  マージントップ崩壊現象とその具体的解決策

>>:  WeChat アプレット開発フォーム検証 WxValidate の使用

推薦する

MySQL 8.0.18コマンドの詳細な説明

解凍したフォルダ C:\web\mysql-8.0.11 を開き、フォルダ内に my.ini 構成フ...

Nginxはhttpとhttpsの両方のアクセスをサポートするために同じドメイン名を設定します

Nginx は同じドメイン名で構成されており、http と https の両方でアクセスできます。証...

MySQL データベースの 1045 エラーの解決方法

ローカル データベースがサーバー データベースに接続されているときに発生する 1045 の問題を解決...

超大型フォントを使用した 40 の Web ページ デザイン

今日の Web デザインでは、非常に大きなフォントが表示される傾向があります。これらのオープンソース...

Linux 時間サブシステムの時間表現例の詳細な説明

序文Linux カーネルでは、元のコードとの互換性を保つため、または特定の仕様に準拠するため、また現...

Linux での syslogd および syslog.conf ファイルの解釈

1: syslog.conf の概要異なるタイプの Unix の場合、標準の UnixLog システ...

フォームのデフォルトの送信方法を変更する方法

htmlのデフォルトの送信方法は、postではなくgetです。postに変更したい場合は、 meth...

docker イメージのプル速度が遅い問題の解決策

現在、Docker には中国向けの公式ミラーがあります。詳細については、https://www.do...

スライダー検証コードを実装するJavaScript

この記事では、スライダー検証コードを実装するためのJavaScriptの具体的なコードを参考までに共...

Vue の計算プロパティの詳細な説明

目次補間式方法計算された要約する今日は、Vue の計算プロパティについてお話ししましょう。計算プロパ...

JavaScript配列重複排除の詳細な説明

目次1. アレイ重複排除2. 配列内のオブジェクトの重複排除3. 配列内の同じフィールドに基づいて別...

Docker-compose を使用して GitLab をデプロイする方法

Docker-compose は GitLab をデプロイします1. Dockerをインストールする...

Windows 10にWSL2 Ubuntu20.04をインストールしてdocker環境を構築する方法

WSLを有効にするシステムがWindows 10 2004以降であることを確認してください 「メニュ...

HTML フォーム_PowerNode Java アカデミー

1. フォーム1. フォームの役割HTML フォームは、さまざまな種類のユーザー入力を受け取り、ユー...

面接では、select...for update がテーブルをロックするのか、それとも行をロックするのか尋ねられました。

目次確認する:例の検証と組み合わせるselect クエリ ステートメントはロックされませんが、sel...