PNSPS-frontend-MaterialUI/docs/csp-apache.conf.md

Content-Security-Policy (Apache)

Self-hosted fonts: no fonts.googleapis.com or fonts.gstatic.com. Static assets (including woff2) are served from 'self'.

Adjust report-uri if your API base path or host differs (UAT example below; PROD uses https://pnsps.gld.gov.hk/api/csp-report).

See also:

• permissions-policy-apache.conf.md — Permissions-Policy reporting via the same /api/csp-report URL
• csp-report-review-2026-08-14.md — latest PROD + UAT report review and add/remove summary
• csp-report-review-2026-08-03.md — earlier PROD report analysis that drove frame-src / media-src updates

Enforcing

Header always set Content-Security-Policy "default-src 'self'; \
	base-uri 'self'; \
	object-src 'none'; \
	frame-ancestors 'none'; \
	form-action 'self'; \
	frame-src 'self' data: blob:; \
	script-src 'self'; \
	style-src 'self' 'unsafe-inline'; \
	style-src-elem 'self' 'unsafe-inline'; \
	img-src 'self' data:; \
	media-src 'self' blob: data:; \
	font-src 'self' data:; \
	connect-src 'self'; \
	upgrade-insecure-requests"

Report-Only

Same policy plus violation reporting:

Header always set Content-Security-Policy-Report-Only "default-src 'self'; \
	base-uri 'self'; \
	object-src 'none'; \
	frame-ancestors 'none'; \
	form-action 'self'; \
	frame-src 'self' data: blob:; \
	script-src 'self'; \
	style-src 'self' 'unsafe-inline'; \
	style-src-elem 'self' 'unsafe-inline'; \
	img-src 'self' data:; \
	media-src 'self' blob: data:; \
	font-src 'self' data:; \
	connect-src 'self'; \
	upgrade-insecure-requests; \
	report-uri https://pnspsuat.gld.gov.hk/api/csp-report"

Notes

• frame-src: Required for proof file preview iframes that use data: / blob: URLs (UploadFileTable.js). Without this, framing falls back to default-src 'self' and browsers report frame-src violations (often with empty blocked-uri).
• style-src-elem: Explicit, alongside style-src, for <link rel="stylesheet"> behaviour in modern browsers.
• img-src: 'self' data: is enough. The WCAG 2 AA badge is bundled locally (src/assets/images/wcag2AA.png) and no longer loaded from www.w3.org.
• media-src: blob: for captcha audio object URLs; data: for data-URI media if used.
• font-src: 'self' data: covers bundled fonts and data: URLs if used.
• Report noise: Browser extensions (Kaspersky, Perplexity, Youdao, Quark, Google Fonts injected by tooling, wasm-eval from chrome-extension) will still appear under Report-Only. Do not allowlist those origins.
• Add origins to the relevant directive only if you introduce third-party scripts, styles, fonts, or APIs that the application itself loads.