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 の使用

推薦する

div ボックス モデルの使用経験の概要

ボックスモデルの計算<br />マージン + ボーダー + パディング + コンテンツC...

MySQL セキュリティ管理の詳細

目次1. 順番に紹介する2. ユーザーを作成する3. ユーザーアカウントを削除する4. アクセス権5...

ボタンのタイプが送信として指定されていません。ボタンをクリックしても、指定された URL にジャンプしません。

現在、プロジェクトの要件により、フォームの送信を制御し、送信前にデータを検証および処理するために j...

Reactフックの仕組み

目次1. React フックと純粋関数2. シンプルなmyUseState 3. myUseStat...

CSS スティッキー配置位置の詳細な説明: スティッキー問題の落とし穴

前書き: position:sticky は CSS ポジショニングの新しい属性です。相対ポジショニ...

MySQL 8.0.23 インストールの超詳細なチュートリアル

目次序文1. 公式サイトからMySQLをダウンロードする2. 解凍ファイルを設定する3. 初期化4....

MySQL 8.0.17 のインストールと設定方法のグラフィックチュートリアル

この記事では、MySQL 8.0.17のインストールと設定方法を参考までに紹介します。具体的な内容は...

CentOS 7.0 (mysql-5.7.21) で複数の MySQL インスタンスを起動する方法

設定手順Linux システム: CentOS-7.0 MySQL バージョン: 5.7.21 Lin...

Docker-compose を使用して ELK クラスターを構築する方法

すべてのオーケストレーション ファイルと構成ファイルは、私の Github からアクセスできます。構...

Vue3は画像拡大鏡効果を実現します

この記事の例では、画像拡大鏡効果を実現するためのVue3の具体的なコードを参考までに共有しています。...

Tomcat9 のダウンロード、インストール、設定 + Eclipse への統合に関する詳細なチュートリアル

トムキャット公式サイトtomcatはローカルサーバーと同等であり、Webページを開くことができます設...

MySQLでNULL値を判定する際の落とし穴事例

目次序文Mysql の case when 構文:事例実践:要約:序文今日、プログラムを開発している...

MySQLにおける正規表現の一般的な使用法

MySQL における Regexp の一般的な使用法特定の文字列を含むあいまい一致# コンテンツフィ...

入力ボックスのプレースホルダーアニメーションと入力検証を実現する純粋なCSS

さらに興味深いコンテンツについては、https://github.com/abc-club/free...

Centos8 で NIS ドメイン サービスをセットアップおよび構成するための詳細な手順

目次NIS の紹介ネットワーク環境: 1. 環境の準備(両方のノードが必要) 2.nisマスターサー...