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?
headers: {'Access-Control-Allow-Origin': '*'}
, o bloqueio/desbloqueio deve ser feito pelo servidor. Quem deve adicionar o header é o elite-schedule.net. Se você tem acesso a este site você mesmo pode adicionar isto. Se não você terá que entrar em contato com eles, ou então terá que criar um webProxy.