nginx - 拒绝在框架中显示 'https://example.com/app/appName'，因为它在 Shopify 中将 'X-Frame-Options' 设置为 'deny'

Question

我无法在 Shopify 中打开我的嵌入式应用程序，它会抛出错误

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

我正在使用 nginx 1.10 版，我尝试在 ngiinx.conf 文件中使用以下内容，但即使我收到相同的错误

add_header X-Frame-Options "SAMEORIGIN";

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

proxy_hide_header X-Frame-Options;

当我尝试这个命令时它显示 X-Frame-Options: DENY

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

有人可以指导我摆脱这个错误

Answer 1

在您的 Shopify 合作伙伴仪表板中，对于您创建的应用，确保您将应用设置为嵌入。如果您设置了该设置，那么您的应用程序将在 Shopify iframe 中正常呈现，并且您不会遇到此问题。