经过几周的工作,我现在终于准备好部署我的应用程序,只是为了发现流星似乎没有运行在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,一切都按预期运行.您似乎已经尝试过这些步骤,但您的应用程序或服务器堆栈可能有其他组件干扰浏览器策略.
我将从更新您的问题开始,以包含流星应用的请求和响应标头.您的流星应用程序是否在代理服务器后面运行?