0

Estou usando o $http do angular para fazer chamadas REST no meu servidor, porém estou com um problema:

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

Já tentei várias coisas, mas nada ainda me resolveu, alguém sabe como resolver?

Meu Código:

.factory('CotacaoService', ['$http', function($http){
var cotacao = [];
$http({
  method: 'GET',
  url: 'http://192.168.254.8:8084/CotacaoREST/recursos/cotacoes/1/991'
}).then(function successCallback(response) {
    cotacao = response.data;
  }, function errorCallback(response) {
    console.log(response);
  });
return cotacao;

}]);

7
  • O que você está usando no backend? SpringRest, Jersey? Qual tecnologia?
    – josivan
    Commented 23/02/2016 às 12:19
  • Estou usando Jersey
    – Geferson
    Commented 23/02/2016 às 12:22
  • eu não conheço profundamente o Jersey. No caso do Spring a anotação org.springframework.web.bind.annotation.CrossOrigin resolve. Pesquisando rapidamente eu encontrei algo falando para incluir no header do response o seguinte atributo: "Access-Control-Allow-Origin", "*". Veja se este link te ajuda.
    – josivan
    Commented 23/02/2016 às 12:27
  • Você está testando no navegador ou em um emulador? Commented 23/02/2016 às 12:30
  • josivan valeu, vou testar com esse exemplo. andre, estou testando no navegador, no Console do Chrome ou do Firefox me retorna esse erro
    – Geferson
    Commented 23/02/2016 às 12:42

1 Resposta 1

0

Tente criar um filtro pra trabalhar com o CORS:

import java.io.IOException;
import javax.ws.rs.container.ContainerRequestContext;
import javax.ws.rs.container.ContainerResponseContext;
import javax.ws.rs.container.ContainerResponseFilter;

@Provider
public class CORSFilter implements ContainerResponseFilter {

    @Override
    public void filter(ContainerRequestContext request,
            ContainerResponseContext response) throws IOException {
        response.getHeaders().add("Access-Control-Allow-Origin", "*");
        response.getHeaders().add("Access-Control-Allow-Headers",
                "origin, content-type, accept, authorization");
        response.getHeaders().add("Access-Control-Allow-Credentials", "true");
        response.getHeaders().add("Access-Control-Allow-Methods",
                "GET, POST, PUT, DELETE, OPTIONS, HEAD");
    }
}

Fonte: https://stackoverflow.com/questions/28065963/how-to-handle-cors-using-jax-rs-with-jersey

Outra solução seria essa.

1
  • Eu tinha feito dessa Forma, porém agora encontrei o problema, essa método resolve no servidor, porém no angular tive que tirar o headers, assim resolvendo meu problema. Obrigado pela ajuda.
    – Geferson
    Commented 23/02/2016 às 15:00

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 .