在来自不同域的iframe中运行Meteor应用程序

前端之家收集整理的这篇文章主要介绍了在来自不同域的iframe中运行Meteor应用程序前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
经过几周的工作,我现在终于准备好部署我的应用程序,只是为了发现流星似乎没有运行在iframe中.当顶级窗口和iframe在同一个域上运行时,它的运行正常,但域不同时. Chrome的错误是:
Uncaught SecurityError: Access to 'sessionStorage' is denied for this document.

在这个错误之后,Meteor的初始化似乎停止了,甚至Meteor本身也不会被定义.

经过一番挖掘,我发现了这个参考和解释:http://www.w3.org/TR/webstorage/#user-tracking
:“阻止第三方存储
用户代理可以将localStorage对象限制为源自浏览上下文顶层文档域的脚本,例如拒绝访问来自其他ifframe中的域的页面的API.

问题不是我的应用程序的特定.您可以在流星图库中使用任何演示应用程序,并尝试将它们嵌入到另一个带有iframe的页面中,您将看到我的意思.

有没有办法解决

编辑2014-01-07:
我尝试过在try-catch块中抛出异常的地方,但是有一个令人印象深刻的是流星太多了,因为它不会由于不同的原因进行正确的初始化.

解决方法

我无法重现您遇到的具体问题,但这里是为了使其正常运行而遵循的步骤.也许我们可以从那里解构出来,弄清楚错误是什么.

我创建了一个空白的应用程序:

meteor create testapp

那么我添加了浏览器策略模块:

meteor add browser-policy

然后我编辑了testapp.js,使其使用Session:

if (Meteor.isClient) {
  Template.hello.greeting = function () {
    return Session.get( 'welcome_text' );
  };

  Template.hello.events({
    'click input' : function () {
      // template data,if any,is available in 'this'
      if (typeof console !== 'undefined')
        console.log("You pressed the button");
        Session.set( 'welcome_text','Hello: ' + Math.random() );
    }
  });
}

if (Meteor.isServer) {

  BrowserPolicy.framing.allowAll();

  Meteor.startup(function () {
    // code to run on server at startup
  });
}

我创建了两个Nginx虚拟主机:

server {

    listen 80;
    server_name test1.com;

    location / {
        proxy_pass http://127.0.0.1:3000/;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
    }

}


server {

    listen 80;
    server_name test2.com;

    location / {
        alias /websites/test2.com
    }

}

test1是流星应用,test2是iframe.

对于test2,我创建了/websites/test2/index.html:

<iframe src="http://test1.com">

然后我将test1.com和test2.com添加到我的主机文件,并启动了流星应用程序.

我在浏览器上进入了http://test2.com,一切都按预期运行.您似乎已经尝试过这些步骤,但您的应用程序或服务器堆栈可能有其他组件干扰浏览器策略.

我将从更新您的问题开始,以包含流星应用的请求和响应标头.您的流星应用程序是否在代理服务器后面运行?

猜你在找的HTML相关文章