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

HTML 2020-01-16

经过几周的工作,我现在终于准备好部署我的应用程序,只是为了发现流星似乎没有运行在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：