net::ERR_BLOCKED_BY_RESPONSE in an iframe
Chrome and Edge use this error code when a response header does not allow the load. In a frame the header is X-Frame-Options, CSP frame-ancestors, or Cross-Origin-Resource-Policy.
- Chrome
- Edge
Updated
net::ERR_BLOCKED_BY_RESPONSE
The frame shows a gray page: “example.com refused to connect.”
net::ERR_BLOCKED_BY_RESPONSE
On this page
What it means
Why it happens
Check the page
See the headers the page sends now
Fix it if you own the site
location / {
proxy_hide_header X-Frame-Options;
add_header Content-Security-Policy "frame-ancestors 'self' https://your-site.com" always;
}Do not use X-Frame-Options ALLOW-FROM. Modern browsers ignore it. Do not add * to frame-ancestors unless any site may embed the page.
If you do not own the site
- Use the official embed URL
YouTube, Google Maps, Calendly, and others give a special embed link that allows frames.
- Link out instead
Open the page in a new tab with a normal link, or show a preview card that links to it.
- Ask the owner
Ask them to add your site to frame-ancestors. Send them this page.