Web/nginx: index.html nicht cachen, gehashte Assets dauerhaft

Ohne Cache-Header cachte der Browser die alte index.html -> neue Deploys (neue
Asset-Hashes) kamen nie an, obwohl der Code laengst stimmte. Jetzt: index.html
Cache-Control:no-cache (immer revalidieren), gehashte JS/CSS/Bilder immutable +
1 Jahr. Deploys sind damit sofort sichtbar.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-07-31 09:59:32 +02:00
parent 6895d8ec1a
commit 69adc6d910

View File

@@ -17,9 +17,21 @@ server {
return 200 '{"applinks":{"details":[{"appIDs":["PP34X97WS3.com.scarriffle.vorrania"],"components":[{"/":"/i/*"}]}]}}'; return 200 '{"applinks":{"details":[{"appIDs":["PP34X97WS3.com.scarriffle.vorrania"],"components":[{"/":"/i/*"}]}]}}';
} }
# SPA-Routing: unbekannte Pfade auf index.html mappen # Gehashte Assets (index-<hash>.js/.css, Bilder, Schriften): der Dateiname
# aendert sich bei jedem Build, wenn sich der Inhalt aendert -> unveraenderlich,
# deshalb aggressiv cachen.
location ~* \.(?:js|css|woff2?|ttf|eot|png|jpe?g|gif|svg|ico|webp)$ {
try_files $uri =404;
expires 1y;
add_header Cache-Control "public, immutable";
}
# SPA-Routing: unbekannte Pfade auf index.html mappen. index.html selbst darf
# NICHT gecacht werden - sonst laedt der Browser nach einem Deploy weiter die
# alte Seite mit den alten Asset-Verweisen, und Aenderungen kommen nie an.
location / { location / {
try_files $uri $uri/ /index.html; try_files $uri $uri/ /index.html;
add_header Cache-Control "no-cache";
} }
# API an das Backend weiterleiten (Service-Name "backend" aus docker-compose) # API an das Backend weiterleiten (Service-Name "backend" aus docker-compose)