The content of the iframe element I use in my project is saying refused to connect." The Error i am getting is "refused to display 'https://clideo.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'".I am using React.js with python flask as backend. how can I fix this error?

I have tried using X-Frame-Bypass web component but it still didn't work.

<iframe src="https://clideo.com/editor/" width="100%" height="100%" title="Edit Video"/>

CodePudding user response：

This error cannot be fixed, the X-Frame-Options header is set by the server you are connecting to (e.g., https://clideo.com/editor/) - that server has stated they do not want anyone (other than then) rendering their site in an iframe.

All browsers will respect this header, as it's commonly used for click hijacking (e.g., you render a site in an iframe and put a layer on top of it to intercept clicks/keystrokes).