NginX + Varnish + Iframe =拒绝访问属性'文档'的权限

Question

我正在使用NginX和Varnish FPC。

NginX vHost正在端口8080上运行我的网站，而Varnish正在端口80上运行。

因此，如果我转到http://mydomain.com varnish捕获该请求并从http://mydomian.com:8080抓取内容。

话虽如此，假设我的网站上有page.html，其中包含以下HTML：

<iframe src="http://mydomain.com/another_page.php" frameborder="0" height="100" marginheight="0" marginwidth="0" scrolling="auto" width="100%" id="iframe" onload="autoResizeIFrame();" seamless></iframe>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
var $j = jQuery.noConflict();
function autoResizeIFrame() {
    $j('#iframe').height($j('#iframe').contents().find('html').height());
}
</script>

因此，当我在http://mydomain.com/page.html访问该页面时，它意味着加载iframe，当iframe加载时，它将使用jQuery重新调整iframe的高度。

然而，由于相同的政策，这不适用于NginX + Varnish。

这是我在firefox中遇到的错误：

我还尝试将iframe的src设置为http://mydomain.com:8080/another_page.php - 但这也无济于事。

似乎有什么问题？我该如何解决这个问题？

Answer 1

尝试添加

add_header Access-Control-Allow-Origin *;

到nginx conf

中服务器的位置段