Statikus fájlok domainen keresztül Nginx segítségével VPS szerveren

Statikus fájlok kiszolgálásához NodeJS-en vagy Express-en static szervert készítenek. Valójában ezt nem ajánlott, mert lassan működik.

Optimálisabb a statikus tartalmakat Nginx-en keresztül kiszolgálni. Ehhez a domainhez készítünk egy speciális beállítást, ami tartalmaz egy reguláris kifejezést és az elérési utat a statikus fájlokat tartalmazó mappához. Tegyük fel, hogy példánkban a domain statikus mappája a public mappa. Ebben az esetben a következő beállításokat írjuk elő:

server_name test1.com;

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

Itt nem túl kényelmes, hogy a domain nevét kétszer kell leírnunk, ha ez a név egybeesik a webhely mappájával (a mi esetünkben a kényelem kedvéért egybeesik). A probléma a következő módon oldható meg:

server_name test1.com;

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

Gyűjtsük össze az összes beállításunkat és kapjuk a következőt:

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;
	}
}

Állítsa be a statikus tartalom kiszolgálását mindkét teszt webhelyhez. Tesztelje a böngészőn keresztül.