VPSサーバー上のNginxを介したドメインの静的ファイル

NodeJSやExpress上で静的ファイルを提供するには、 staticサーバーが作成されます。実際には、この方法は動作が遅いため推奨されません。

静的コンテンツをNginx経由で提供する方がより最適です。これを行うために、ドメインに対して正規表現と静的ファイルを含むフォルダへのパスを含む特別な設定が行われます。例として、私たちのドメインでは静的フォルダをフォルダpublicとします。この場合、次の設定を記述します：

server_name test1.com;

location ~* ^.+\.(jpg|jpeg|gif|png|ico|css|js|swf|txt|ico)$ {             
	root /var/www/test1.com/public;
}

ドメイン名を（便宜上一致している）サイトフォルダ名と 2回記述するのはあまり便利ではありません。この問題は次の方法で解決できます：

server_name test1.com;

location ~* ^.+\.(jpg|jpeg|gif|png|ico|css|js|swf|txt|ico)$ {             
	root /var/www/$server_name/public;
}

すべての設定をまとめて、次のようにしましょう：

server {
	listen 80;
	server_name test1.com;
	
	location ~* ^.+\.(jpg|jpeg|gif|png|ico|css|js|swf|txt|ico)$ {             
		root /var/www/$server_name/public;
	}
	
	location / {
		proxy_pass http://localhost:3001;
		proxy_http_version 1.1;
		proxy_set_header Upgrade $http_upgrade;
		proxy_set_header Connection 'upgrade';
		proxy_set_header Host $host;
		proxy_cache_bypass $http_upgrade;
	}
}

両方のテストサイトの静的ファイル提供を設定してください。ブラウザを通じてテストを行ってください。