Refused to display 'https://example.com/app/appName' in a frame because it set 'X-Frame-Options' to 'deny' in Shopify

Question

I unable to open my embedded app in Shopify, it throws error as

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

I am using nginx version 1.10 and I have tried to use the following in ngiinx.conf file but even I receive the same error

add_header X-Frame-Options "SAMEORIGIN";

add_header X-Frame-Options "ALLOW-FROM https://subdomain.example.com/"

proxy_hide_header X-Frame-Options;

when I tried this command it shows X-Frame-Options: DENY

curl -v https://example.com/app/appName

someone can guide me to get me out of this error

Answer 1

In your Shopify Partner dashboard, for the App you created, make sure you set the App to be embedded. If you have that set, then your App will render just fine in the Shopify iframe and you won't have this issue.