时间戳

首页 > 解决方案 > 拒绝在框架中显示“https://example.com/app/appName”，因为它在 Shopify 中将“X-Frame-Options”设置为“拒绝”

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

问题描述

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

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

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

add_header X-Frame-Options "SAMEORIGIN";

add_header X-Frame-Options “允许来自https://subdomain.example.com/ ”

proxy_hide_header X-Frame-Options；

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

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

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

标签： nginxiframeshopifyx-frame-optionsshopify-app

解决方案

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

推荐阅读