Requisição cross-origin bloqueada

PHP

Front-end

16/06/2015

Não sou muito bom para me expressar mais tentarei fazer o máximo,
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

Ronaldo Lima

Curtidas 1

Respostas

Francine Melo

Francine Melo

16/06/2015

Conseguiu solucionar o problema? Estou com a mesma dúvida.
GOSTEI 0
Jothaz

Jothaz

16/06/2015

Vejam se os link abaixo ajudam:

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]
GOSTEI 0
Ronaldo Lima

Ronaldo Lima

16/06/2015

O meu exemplo a API era para um APP mobile, só definir o cabeçalho do CORS

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
GOSTEI 0
POSTAR