How to add X-Frame-Options on Express / Node
Last updated · Reviewed by a CISSP-certified security practitioner
To add X-Frame-Options on Express / Node, set the header in app.js (helmet) with the value DENY. Prevents your site being embedded in iframes (clickjacking). Restart the Node process and curl -I your app. Then confirm it with curl -I or a free FixSecurityHeaders scan.
What does X-Frame-Options do?
X-Frame-Options (or the modern CSP frame-ancestors) tells browsers whether other sites may put your pages inside an iframe.
Risk if missing: Attackers can overlay your page invisibly and trick users into clicking buttons (clickjacking) — e.g. changing settings or confirming payments.
What is the Express / Node configuration?
Add this to app.js (helmet):
// npm i helmet
const helmet = require("helmet");
app.disable("x-powered-by");
app.use(helmet()); // sensible defaults
// Exact values recommended by FixSecurityHeaders:
app.use((req, res, next) => {
res.setHeader("X-Frame-Options", "DENY");
next();
});How do I add it step by step?
- Open app.js (helmet).
- Paste the X-Frame-Options configuration shown below.
- Restart the Node process and curl -I your app.
- Run curl -I https://yourdomain.com and look for the x-frame-options line.
- Scan your site on FixSecurityHeaders to confirm the grade improved.
How do I verify it worked?
curl -sI https://yourdomain.com | grep -i "x-frame-options"
# expected:
# x-frame-options: DENYCheck your site now
Free scan, instant grade, exact fixes for your stack.
What are the common mistakes?
- Use SAMEORIGIN if your own site frames its pages.
- ALLOW-FROM is obsolete; use CSP frame-ancestors for allow-lists.
- If CSP frame-ancestors is present, modern browsers ignore X-Frame-Options.
- Install with npm i helmet.
- Call app.use(helmet(...)) before your routes.
Quick reference
| Header | X-Frame-Options |
|---|---|
| Recommended value | DENY |
| Stack | Express / Node |
| Where | app.js (helmet) |
| Compliance | OWASP ASVS V14.4.7, NIST 800-171 3.13.1, CMMC SC.L2-3.13.1 |
FAQ
What value should I use for X-Frame-Options?
A safe default is DENY. Use SAMEORIGIN if your own site frames its pages.
Why isn't X-Frame-Options showing up on Express / Node?
Install with npm i helmet. Also clear any CDN or page cache, and check you edited the config that actually serves your domain.
Does X-Frame-Options affect SEO or performance?
No measurable performance cost — it's a few bytes per response. It doesn't affect rankings directly, but a misconfigured policy can break page resources, so test before enforcing.
Which compliance frameworks reference X-Frame-Options?
OWASP ASVS V14.4.7, NIST 800-171 3.13.1, CMMC SC.L2-3.13.1.