Requisição cross-origin bloqueada
16/06/2015
0
Estou criando um app usando AngularJS e Ionic, até ai está tudo ótimo... No dashboard está tudo ok também. Estou tendo um problema para receber os dados na App como o back-end está hospedado em um host quando tento fazer as requisições dispara a mensagem
Requisição cross-origin bloqueada: A política de mesma origem (Same Origin Policy) impede a leitura do recurso remoto em http://www.dlima.art.br/lab/AngularCodeCustomerManagerApp/services/customers. (Motivo: o cabeçalho CORS 'Access-Control-Allow-Origin' não está presente).
1º A pratica correta é direcionar a aplicação diretamente para a API ?
app.factory("services", ['$http', function($http) { var serviceBase = 'http://www.dlima.art.br/lab/AngularCodeCustomerManagerApp/services/' var obj = {}; obj.getCustomers = function(){ return $http.get(serviceBase + 'customers'); } etc .....
2º É melhor tentar desenvolver algo para receber esse JSON e não fazer essa requisição diretamente ou apenas ajustar o cabeçalho CORS? Se sim como ajusto isso... tentei de diversas formas
Desde já grato!
Ronaldo Lima
Posts
09/07/2015
Francine Melo
09/07/2015
Jothaz
Pedido cross-origin bloqueado
[url:descricao=Requisição Ajax cross-domain com Javascript puro (sem APIs)]http://pt.stackoverflow.com/questions/3183/requisi%C3%A7%C3%A3o-ajax-cross-domain-com-javascript-puro-sem-apis[/url]
09/07/2015
Ronaldo Lima
Access-Control-Allow-Origin: http://SiteQueVouBuscar.com/suaApi
no meu caso eu declarei no config.xml e tive que colocar o Plugin do Whitelist
isso é apenas para desenvolvimento mobile
<content src="index.html"/>
<access origin="http://SiteQueVouBuscar.com/suaApi"/> // cabeçalho Cors
<allow-navigation href="http://SiteQueVouBuscar.com/suaApi"/> // whitelist
Clique aqui para fazer login e interagir na Comunidade :)