如何修复阻止原始

时间:2016-04-19 16:20:44

标签: html angularjs iframe cors

我使用带有角度JS的HTML,后端是带有apache2服务器的java

Error: Blocked a frame with origin from accessing a cross-origin frame.

只有我的javascript,CSS和图片才能正常加载。

我的管理员在apache2 CORS中启用了

  

标题集设置Access-Control-Allow-Origin" *"

我在stackoverflow和其他网站上找到了很多答案,它向我展示了我所拥有的错误。

现在怀疑这是UI端还是服务器端的问题?

这是我为fancybox调用的用户界面

<a class="fancybox" data-fancybox-type="iframe"
                       href="https://url">Registration
                    </a>

这是我的详细错误:

Error: Blocked a frame with origin "https://url" from accessing a cross-origin frame.
    at Error (native)
    at new <anonymous> (https://url/ui/app.full.min.js:14:11064)
    at e (https://url/ui/app.full.min.js:6:10282)
    at Object.f [as instantiate] (https://url/ui/app.full.min.js:6:10374)
    at https://url/ui/app.full.min.js:6:31165
    at link (https://url/ui/app.full.min.js:10:1467)
    at fa (https://url/ui/app.full.min.js:6:28039)
    at v (https://url/ui/app.full.min.js:6:22123)
    at h (https://url/ui/app.full.min.js:6:17944)
    at https://url/ui/app.full.min.js:6:17440 <div ng-view="" class="ng-scope">

1 个答案:

答案 0 :(得分:1)

抱歉,这是我的大错(实际上很小)

$window.parent.postMessage(details, window.parent.location.origin);

window.parent.location.origin创建问题。我无法弄清楚,因为我的测试和UI测试在同一台服务器上,所以它之前工作正常。 prod是不同的服务器,所以它导致了这个问题。