フロントエンドに必要なNginx設定の詳細な説明

# ワーカープロセスの数 worker_processes 1;
イベント {
  worker_connections 1024; #ワーカープロセスあたりの接続数}

http {
  mime.types を含めます。
  デフォルトタイプ アプリケーション/オクテットストリーム;

  # ログ形式 log_format access '$remote_addr - $remote_user [$time_local] $host "$request" '
         '$status $body_bytes_sent "$http_referer" '
         '"$http_user_agent" "$http_x_forwarded_for" "$clientip"';
  access_log /srv/log/nginx/access.log access; # ログ出力ディレクトリ gzip オン;
  ファイル送信オン;

  # リンクタイムアウト、自動切断 keepalive_timeout 60;

  # 仮想ホストサーバー {
    8080を聴く;
    server_name localhost; # ブラウザアクセスドメイン名 charset utf-8;
    access_log ログ/localhost.access.log アクセス;

    # ルートの場所 / {
      root www; # ルートディレクトリにアクセスします index index.html index.htm; # エントリファイル}
  }

  #その他の設定ファイルを導入する include servers/*;
}

サーバー{
  8080を聴く;
  server_name xx_domian; #ブラウザアクセスドメイン名 charset utf-8;
  access_log ログ/xx_domian.access.log アクセス;

  # ルートの場所 / {
    root www; # ルートディレクトリにアクセスします index index.html index.htm; # エントリファイル}
}

場所 ~.*\.css$ {
  有効期限は1日です。
  壊す;
}
場所 ~.*\.js$ {
  有効期限は1日です。
  壊す;
}

場所 ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ {
  access_log オフ;
  15日で期限切れになります。#15日間保存します。
}

# curl -x127.0.0.1:80 upload/2022/web/logo.png -I #画像の最大保存期間をテストする

場所 ~* \.(js|css|png|jpg|gif)$ {
  add_header Cache-Control no-store;
}

場所 ~* \.(gif|jpg|png)$ {
  # 192.168.0.1 のみがリソースを要求できるようにします valid_referers none blocked 192.168.0.1;
  ($invalid_referer) の場合 {
    ^/ http://$host/logo.png を書き換えます。
  }
}

サーバー{
  # gzip 圧縮をオンにします gzip on;
  # gzip に必要な最小 HTTP プロトコル バージョンを設定します (HTTP/1.1、HTTP/1.0)
  gzip_http_バージョン1.1;
  # 圧縮レベルを設定します。圧縮レベルが高いほど、圧縮時間が長くなります (1-9)
  gzip_comp_レベル4;
  # 圧縮の最小バイト数を設定し、ページ Content-Length から gzip_min_length 1000 を取得します。
  # 圧縮ファイルのタイプを設定する (text/html)
  gzip_types テキスト/プレーン アプリケーション/javascript テキスト/css;
}

# ステータスコードに応じて、対応するエラーページを返します error_page 500 502 503 504 /50x.html;
場所 = /50x.html {
  ルート /source/error_page;
}

## リバースプロキシパラメータを設定する server {
  8080を聴く;
  サーバー名 xx_ドメイン

  ## 1. ユーザーが http://xx_domain にアクセスすると、リバースプロキシは https://github.com に移動します。
  位置 / {
    proxy_pass https://github.com;
    proxy_redirect オフ;
    proxy_set_header Host $host; # ドメイン名を渡す proxy_set_header X-Real-IP $remote_addr; # IPを渡す
    proxy_set_header X-Scheme $scheme; #送信プロトコル proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  }
}