Question

我正在开发一款应用，并且我希望将其网页或部分内容包含在托管在其他域上的无关网站上。为了测试，我在localhost：3000上托管了我的应用程序，在localhost：80上随机页面。

我在随机页面上使用了这个：

<iframe id="my-iframe" src="http://localhost:3000"  width="300" height="500">

未显示任何内容。如果我用ex：src =＆＃34; http：//microsoft.com"进行测试，它运行良好。任何想法为什么会这样？

Answer 1

由于这是一个Rails应用程序，因此有效：

在application_controller.rb中，添加：

    before_filter :cors_set_access_control_headers

    def cors_set_access_control_headers
      headers['Access-Control-Allow-Origin'] = '*'
      headers['Access-Control-Allow-Methods'] = 'POST, PUT, DELETE, GET, OPTIONS'
      headers['Access-Control-Request-Method'] = '*'
      headers['Access-Control-Allow-Headers'] = 'Origin, X-Requested-With, Content-Type,    Accept,    Authorization'
      headers['Access-Control-Max-Age'] = "1728000"
      headers['X-Frame-Options'] = 'ALLOW-FROM http://publisher.dev'
    end

最后一行是最重要的。您应列出要托管iframe的网址。

如果这有助于任何人，请告诉我。

iframe的来源未显示

1 个答案: