CORS for Alpine.js
medium4 checks
CORS decides which origins may read your API responses. A wildcard turns an authenticated API into a public one.
What Alpine.js must have
- Access-Control-Allow-Origin limited to known origins
- No wildcard combined with credentials
- No reflection of arbitrary Origin headers
- Preflight responses only allow the methods actually used
How to fix it
- 1Replace wildcards with an explicit allowlist
- 2Validate Origin before echoing it and reject unknown origins early
Alpine.js context
Lightweight reactive attributes for markup-driven interactivity.
x-html bypasses escaping. Keep CSP strict because Alpine evaluates expressions in the page.