Boa tarde, Pessoal
To com uma bucha aqui e se alguém tiver alguma ideia de como ajudar, agradeço demais!!!
Seguinte eu fiz uma pagina (Modulo de consulta) em minha aplicação (AngularJs) onde eu disponibilizo para os clientes colocarem no site deles através de um script com iframe o problema que esta dando erro de cross domain!!! Eu já liberei isso no servidor apache 2.4 e queria alguma sugestão de como resolver isso.
Erro:
angular.min.js:107 Error: Blocked a frame with origin "http://my.site.com" from accessing a cross-origin frame. at Error (native) at link (http://my.site.com/js/componentes/uauanna-widget.js:18:44) at ca (http://my.site.com/lib/angular/js/angular.min.js:73:279) at I (http://my.site.com/lib/angular/js/angular.min.js:62:174) at http://my.site.com/lib/angular/js/angular.min.js:69:193 at http://my.site.com/lib/angular/js/angular.min.js:119:221 at r.$eval (http://my.site.com/lib/angular/js/angular.min.js:133:446) at r.$digest (http://my.site.com/lib/angular/js/angular.min.js:131:41)
Meu htaccess
<IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule>
O script que o cliente coloca no site
<script type='text/javascript'> window.onload = function () { var t = document.createElement('iframe'); t.setAttribute('src', 'http://my.site.com/#/widget/Mg=='), t.setAttribute('width', '200px'), t.setAttribute('height', '100px'), t.setAttribute('id', 'frame'), t.setAttribute('scrolling', 'no'), t.setAttribute('allowtransparency', 'true'), t.setAttribute('style', 'background-color: transparent; position: fixed; overflow: hidden; z-index: 16000002; right: 10px; bottom: 30px;'), t.setAttribute('frameborder', '0'), document.body.appendChild(t) }; </script>
Agradeço ajuda!!!