title: How to fix Blocked a frame with origin
body: <p>I am using HTML with angular JS, and back end is java with apache2 server</p>
  
  <pre><code>Error: Blocked a frame with origin from accessing a cross-origin frame.
  </code></pre>
  
  <p>It is only for my javascript, the CSS and images are loading fine.</p>
  
  <p>My admin enables in apache2 CORS also</p>
  
  <blockquote>
    <p>Header set Access-Control-Allow-Origin "*"</p>
  </blockquote>
  
  <p>I found many answers in stackoverflow and other site it doest show me the error what I have. </p>
  
  <p>Now doubt whether this is problem of UI side or server side? </p>
  
  <p>Here is my calling UI for fancybox</p>
  
  <pre><code>&lt;a class="fancybox" data-fancybox-type="iframe"
                         href="https://url"&gt;Registration
                      &lt;/a&gt;
  </code></pre>
  
  <p>here is my detailed error :</p>
  
  <pre><code>Error: Blocked a frame with origin "https://url" from accessing a cross-origin frame.
      at Error (native)
      at new &lt;anonymous&gt; (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 &lt;div ng-view="" class="ng-scope"&gt;
  </code></pre>