3

Estou desenvolvendo uma app usando ionic no macbook com o OS X Yosemite.

Ao tentar enviar dados via POST ou receber via GET para um servidor remoto, aparece o erro: Chrome:

XMLHttpRequest cannot load http://elite-schedule.net/api/leaguedata/2009. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://192.168.0.13:8100' is therefore not allowed access. The response had HTTP status code 405

Firefox:

Requisição cross-origin bloqueada: A política de mesma origem (Same Origin Policy) impede a leitura do recurso remoto em http://elite-schedule.net/api/leaguedata/2009. (Motivo: a requisição CORS falhou).

O código original era:

 function getLeagues(callback){

        $http.get('http://elite-schedule.net/api/leaguedata/2009')
          .success(function(data){
            callback(data);
          });
      }

E modifiquei para o seguinte, especificando o cabeçalho

 $http({
            method: 'GET',
            url: 'http://elite-schedule.net/api/leaguedata/2009', 
            headers: {'Access-Control-Allow-Origin': '*'}
        })
          .success(function(data){
            callback(data);

Já segui a orientação dada no site: opensourehacker

O erro persiste. Como desativar essas restrições nesses navegadores, usando esse sistema operacional?

2

2 Respostas 2

3

Eu tive o mesmo problema que você.

O problema é de CORS, por padrão um servidor web só aceita requisições do mesmo servidor, provavelmente você está acessando de fora do seu servidor backend (mesmo estando na mesma máquina as aplicações devem estar no mesmo apache por exemplo).

Você precisa habilitar CORS no backend, no meu caso era um server backend node, segue o exemplo:

res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, X-Request-Width, Content-Type, Accept");
0

Não se trata apenas de setar headers no backend.

O cliente-Web deve definir o que aceitar também.

Em ambiente de desenvolvimento, você pode contornar o problema (desabilitando as checagens de CORS no navegador) ou resolver o problema (definir as politicas de CORS no cliente e os headers no servidor).

Veja minha resposta aqui: https://pt.stackoverflow.com/a/100263/8386

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .