CORS for React
medium4 checks
CORS decides which origins may read your API responses. A wildcard turns an authenticated API into a public one.
What React 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
React context
JavaScript UI library. Renders in the browser; data comes from APIs.
React escapes output by default; risk moves to dangerouslySetInnerHTML, unsanitised href/src, and secrets bundled into client JS.