I was having an issue where Chrome was refusing to show an
<iframe> served on my Nginx web server and returning an error in console:
“Refused to display ‘URL’ in a frame because it set ‘X-Frame-Options’ to ‘deny'”
You will get this error if the Nginx config setting
X-Frame-Options is set to
However, I couldn’t find that setting in any of the config files I checked, so I added
X-Frame-Options: SAMEORIGIN to my main Nginx config file and Chrome came up with another error.
Refused to display ‘URL’ in a frame because it set multiple ‘X-Frame-Options’ headers with conflicting values (‘DENY, SAME-ORIGIN’). Falling back to ‘deny’.
You can resolve this by searching your Nginx config files for the
X-Frame-Options setting and commenting them out.
Search Nginx Config for “X-Frame-Options”
Running this command will search for the
X-Frame-Options setting in the Nginx directory.
sudo grep -iRl "X-Frame-Options" /etc/nginx/
In my case, I found this setting in the
ssl-params.conf file (sometimes called
ssl-dhparams.conf). For you, this setting might be found in a different Nginx config file.
To edit this file:
sudo nano /etc/nginx/snippets/ssl-params.conf
ssl_protocols TLSv1 TLSv1.1 TLSv1.2; ssl_prefer_server_ciphers on; ssl_ciphers "EECDH+AESGCM:EDH+AESGCM:AES256+EECDH:AES256+EDH"; ssl_ecdh_curve secp384r1; ssl_session_cache shared:SSL:10m; ssl_session_tickets off; ssl_stapling on; ssl_stapling_verify on; resolver 22.214.171.124 126.96.36.199 valid=300s; resolver_timeout 5s; # disable HSTS header for now #add_header Strict-Transport-Security "max-age=63072000; includeSubDomains; preload$ add_header X-Frame-Options DENY; add_header X-Content-Type-Options nosniff; ssl_dhparam /etc/ssl/certs/dhparam.pem;
Above we can see the
X-Frame-Options is set to
DENY, which will prevent iframes from loading content in the browser.
You can either change this to
SAME-ORIGIN or just comment out the line with a
# sign and Nginx will default to
SAME-ORIGIN. Both methods should produce the same result.
add_header X-Frame-Options SAME-ORIGIN;
– OR –
#add_header X-Frame-Options DENY;
Save and exit (press
Y and then press
Test Nginx config.
sudo nginx -t
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok nginx: configuration file /etc/nginx/nginx.conf test is successful
If test succesful, restart Nginx.
sudo service nginx reload
Now you can try refreshing the page in your browser to see if the error goes away.
X-Frame-Options HTTP response header can be used to indicate whether or not a browser should be allowed to render a page in a
<object>. Sites can use this to avoid clickjacking attacks, by ensuring that their content is not embedded into other sites.
There are two possible directives for
If you specify
DENY, not only will attempts to load the page in a frame fail when loaded from other sites, attempts to do so will fail when loaded from the same site.
On the other hand, if you specify
SAMEORIGIN, you can still use the page in a frame as long as the site including it in a frame is the same as the one serving the page.
p.s. I increased my AdSense revenue by 68% using AI 🤖. Read my Ezoic review to find out how.