如何修复阻止原点的框架

Question

我正在使用带有 Angular 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 调用的 UI

<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">

Answer 1

对不起，这是我的大错（其实很小）

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

window.parent.location.origin 会产生问题。我无法弄清楚，因为我的测试和 UI 测试在同一台服务器上，所以它之前工作正常。 prod 是不同的服务器，因此会导致此问题。