title: Cross domain issue with IFrame in Angular2
body: <p>We intend to access another app url which is hosted on the same machine, but on different port. So my Angular 2 application <code>http://localhost:8081/app/</code> is trying to open a site hosted on same server but different port i.e. <code>localhost:9100</code></p>
  
  <pre><code>We are trying to access following url in an iframe
  url = http://localhost:9100/custom/getCustomPage
  
  &lt;iframe id="customFrame" *ngIf="url !== null" frameborder="0" [src]="url"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <blockquote>
    <p>Error on Chrome/Firefox DOMException: Blocked a frame with origin
    "<a href="http://localhost:9100" rel="nofollow noreferrer">http://localhost:9100</a>" from accessing a cross-origin frame.
        at <a href="http://localhost:9100/custom/getCustomPage" rel="nofollow noreferrer">http://localhost:9100/custom/getCustomPage</a> Where Host:localhost:9100 Referer:<a href="http://localhost:8081/app/" rel="nofollow noreferrer">http://localhost:8081/app/</a></p>
  </blockquote>
  
  <p>I have added below headers to Response Filter:</p>
  
  <pre><code>Access-Control-Allow-Credentials:true
  Access-Control-Allow-Headers:X-Requested-With, Content-Type
  Access-Control-Allow-Methods:GET, POST, DELETE, PUT
  Access-Control-Allow-Origin:*
  Access-Control-Expose-Headers: content-length, Allow
  </code></pre>
  
  <p>Please help me identify a workaround so that iFrame allows to display the results.</p>
  
  <p>This is currently working fine in IE 11.</p>