Refused to display 'https://www.facebook.com/' in a frame because it set 'X-Frame-Options' to 'deny'

givanz / VvvebJs

Drag and drop page builder library written in vanilla javascript without dependencies or build tools.

https://www.vvveb.com/vvvebjs/editor.html

Apache License 2.0

7.07k stars 1.62k forks source link

Refused to display 'https://www.facebook.com/' in a frame because it set 'X-Frame-Options' to 'deny' #244

Open ankitnetsol opened 2 years ago

ankitnetsol commented 2 years ago

Hello,

When I drag the Facebook page plugin element into the editor at that time I am getting Refused to display 'https://www.facebook.com/' in a frame because it set 'X-Frame-Options' to 'deny'. error and Facebook page plugin not working. It is working before 2 days similar as twiiter.

Anyone, please suggest me a solution.

Thanks.

givanz commented 2 years ago

I think this is caused by your http server configuration that sends a X-Frame-Options header to not allow iframes.

You can check your http server configuration and remove any add_header X-Frame-Options or Header set X-Frame-Options:

For nginx you can check https://fedingo.com/how-to-configure-x-frame-options-for-nginx/ https://stackoverflow.com/questions/47405597/x-frame-options-in-nginx-to-allow-all-domains For apache https://tecadmin.net/configure-x-frame-options-apache/