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

推薦する

Vue バッチ更新 DOM 実装手順

目次シーン紹介深い応答性トリガーゲッターDep.targetを探すゲッターセッター要約するシーン紹介...

MySQL での select、distinct、limit の使用

目次1. はじめに2. 選択2.1 単一列のクエリ2.2 複数の列のクエリ2.3 すべての列をクエリ...

CentOS7 で MySQL のスケジュールされた自動バックアップを実装する方法

実稼働環境で起こる最も嬉しいことは、シナリオによっては、更新または削除時にパラメータを無視せざるを得...

MySQL の重要なパフォーマンス インデックスの計算と最適化方法の概要

1 QPS 計算 (1 秒あたりのクエリ数) MyISAMエンジンベースのDBの場合 MySQL&g...

Linux でユーザー アカウントをロックおよびロック解除する 3 つの方法

組織内で何らかのパスワード ポリシーがすでに実装されている場合は、この記事を読む必要はありません。た...

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

折りたたまれたヘッダーは、特別オファーや重要なお知らせなど、ユーザーにとって重要な情報を表示するのに...

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

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

Docker 環境で JMeter+Grafana+influxdb ビジュアル パフォーマンス監視プラットフォームを構築するチュートリアル

目次1. Dockerをインストールする2. influxDBをインストールして設定する3. Gra...

Windows で virtualenv を使用して仮想環境を作成する方法 (2 つの方法)

オペレーティング システム: windows10_x64 Python バージョン: 3.6.8仮想...

ホバー画像のポップアウトポップアップ効果を実現するための純粋な CSS のサンプルコード

実施原則メイングラフィックは、背景と前景の 2 つの要素で構成されています。次のサンプルコードでは、...

CentOS で MySQL を完全にアンインストールする方法

この記事では、CentOSでのMySQLの完全アンインストールについて記録しています。具体的な内容は...

WAMPにインストールするとMySQLが起動できるが、再起動後に起動できなくなる問題の解決方法

初めてwampをインストールした後、すべてのサービスが正常に使用できますが、再起動するとwampのア...

Ubuntu 19でdockerソースをインストールできない問題を共有する

主要な Web サイトと個人的な習慣に従って、Docker ソースを追加するには次の方法を使用します...

Docker実行コンテナが作成状態にある問題についての簡単な説明

最近の問題としては、次のような現象があります。システムには、docker run コマンドを継続的に...

JavaScript配列の一般的なメソッドの概要

目次1. JavaScriptで配列を作成する方法2. 配列メソッドの概要3. 方法の詳細な説明1....