2
respostas

Problema com acesso no Header

Olá, fiz um estagio para uma empresa e nele aprendi um pouco de angular 4, estou fazendo esse curso de angular 2 e tentando mesclar com que aprendi no 4.

Estou rodando a aplicação Alurapic na porta 4200 e o servidor na porta 3000.

Fiz o getFotos desta maneira:

   this.http.get('http://localhost:3000/v1/fotos')
      .subscribe(data => {
        this.fotos = data;
        console.log(this.fotos);
      });

Porém no navegador ocorre esse erro:

Failed to load http://localhost:3000/v1/fotos: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:4200' is therefore not allowed access.

2 respostas

Olá Edson,

O Erro que está tendo é que você não tem permissão de acesso onde você está solicitando os dados(http://localhost:4200), por justamente estar trabalhando no localhost mais em portas diferentes, isso faz com que o local onde está solicitando seja diferente da origem , e como provavelmente não há uma tratativa na sua API assim causando esse erro. Para colocar essa tratativa você deverá adicionar do lado do servidor ou seja onde você está requisitando o CORS.

Oi Lucas,

Obrigado pela a explicação! Mas como eu faria essa tratativa ? Poderia me auxiliar?