Version web assets by content so caches can't serve stale scripts

Cloudflare forces browser caching of .js/.css to max-age=14400 regardless
of the origin's no-cache, while the page itself stays uncached. After a
deploy, browsers paired the new index.html with the old app.js, which
failed on upload with "Cannot set properties of null (setting
'innerHTML')".

The image build now copies every asset into v/<content hash>/ and rewrites
index.html's references; nginx serves v/ as immutable and the page as
no-cache, so each deploy changes every asset URL. Security headers move to
a snippet included per location, since nginx drops server-level add_header
in locations that set their own.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_015UXA39Sh9coAx4FhRkd8R2
This commit is contained in:
2026-09-15 17:15:01 +09:00
parent aed2d54b45
commit 5420975f8e
4 changed files with 46 additions and 10 deletions
+20 -1
View File
@@ -8,10 +8,29 @@
#
# The desktop app (PyQt5) is unaffected and not part of this image.
# ---- assets: version every file except the page by content ------------------
# Everything but index.html goes under v/<hash of the assets>/, and index.html's
# references are rewritten to match. Each deploy therefore changes every asset
# URL, so no cache (browser or Cloudflare, which forces .js/.css browser caching
# to 4 h) can pair a new index.html with an old app.js. Module imports and the
# worker URL are relative, so they resolve inside the versioned directory as is.
FROM alpine:3.22 AS assets
COPY web/ /src/
RUN set -eu; \
cd /src; \
v="$(find . -type f ! -name index.html | sort | xargs sha256sum | sha256sum | cut -c1-12)"; \
mkdir -p "/out/v/$v"; \
for f in *; do [ "$f" = index.html ] || cp -R "$f" "/out/v/$v/"; done; \
sed -E "s#(href|src)=\"(app\.css|app\.js|vendor/[^\"]+)\"#\1=\"v/$v/\2\"#g" index.html > /out/index.html; \
grep -q "src=\"v/$v/app.js\"" /out/index.html; \
grep -q "href=\"v/$v/app.css\"" /out/index.html
# ---- runtime -------------------------------------------------------------------
FROM nginxinc/nginx-unprivileged:stable-alpine
COPY deploy/nginx.conf /etc/nginx/conf.d/default.conf
COPY web/ /usr/share/nginx/html/
COPY deploy/security-headers.conf /etc/nginx/snippets/ujm-security-headers.conf
COPY --from=assets /out/ /usr/share/nginx/html/
EXPOSE 8080