1

Preciso consultar alguns CEPs na API viacep (https://viacep.com.br), quando executo o get abaixo:

  vm.buscarCEP = function(){
    const cep = vm.empresaResponsavel.cep //RECEBE CEP DO CAMPO
    const apiViaCep = `http://viacep.com.br/ws/${cep}/json/`
    $http.get(apiViaCep).then(function(resp) { //CONSULTA NA API
      vm.empresaResponsavel.logradouro = resp.data.logradouro
      vm.empresaResponsavel.bairro = resp.data.bairro
      vm.empresaResponsavel.cidade = resp.data.localidade
      vm.empresaResponsavel.uf = resp.data.uf
    }).catch(function(resp) {
      console.log(resp.data.errors)
      console.log("CEP NÃO RECONHECIDO.")
    })
  }

Recebo o seguinte erro no console do navegador:

Requisição cross-origin bloqueada: A política de mesma origem (Same Origin Policy) impede a leitura do recurso remoto em http://viacep.com.br/ws/89700128/json/. (Motivo: símbolo 'authorization' faltando no cabeçalho CORS 'Access-Control-Allow-Headers' durante a pré-conexão CORS).

Estou utilizando AngularJS e Express/Node.

Abaixo um trecho onde valido o usuário e passo para o backend um cabeçalho com o token do mesmo, para verificar se continua o mesmo. Estou achando que pode ser esse cabeçalho o problema.

function validateUser() {
  const user = auth.getUser()
  const authPage = '/auth.html'
  const isAuthPage = $window.location.href.includes(authPage)

  if (!user && !isAuthPage) {
    $window.location.href = authPage
  } else if (user && !user.isValid) {
    auth.validateToken(user.token, (err, valid) => {
      if (!valid) {
        $window.location.href = authPage
      } else {
        user.isValid = true
        $http.defaults.headers.common.Authorization = user.token
        isAuthPage ? $window.location.href = '/' : $location.path('/dashboard')
      }
    })
  }
}
2

2 Respostas 2

-1

Adicione o cors:

npm install cors --save

No node js adicione esse código

const cors = require('cors');
app.use(cors());
8
  • Não deu certo ://
    – Fred
    6/05/2018 às 21:10
  • Você pode fazer um teste? Adiciona esse plugin no navegador ? chrome.google.com/webstore/detail/allow-control-allow-origi/… 7/05/2018 às 11:54
  • Lucas, obrigado pela ajuda!! É só habilitar e efetuar o teste? Fiz isso, retornou o mesmo erro. Efetuei o teste também com outra api, a da tabela fipe: fipeapi.appspot.com e além do erro anterior, retornou com HTTP status code 405.
    – Fred
    7/05/2018 às 12:39
  • A principio sim. O Status 405 é que o método não está habilitado, o que não faz o menor sentido ... Vou fazer um teste aqui pegando alguns dados dessas API's e depois te dou um parecer de o que aconteceu. 7/05/2018 às 14:14
  • Fred, cria um outro projeto qualquer dá um npm install axios --save e vê se ele faz a requisição... Rodei pelo node aqui e consegui pegar os dados das duas API's. var axios = require('axios'); axios.get('fipeapi.appspot.com/api/1/carros/marcas.json') .then(res => { console.log(res.data); }) .catch(err => { console.log(err); }) let cep = '89261765'; axios.get(http://viacep.com.br/ws/${cep}/json/) .then(result => { console.log(result.data); }) .catch(err => { console.log(err); }) 7/05/2018 às 14:23
-1

Tive o mesmo problema ao criar a minha api, a diferença é que uso Angular 8 ao invés de AngularJS, você pode instalar o cors com npm install cors e utilizar a seguinte configuração no node

const cors = require('cors');
[...]
const corsOptions = {
  origin: 'http://origin-angular-example.com:4200',
  optionsSuccessStatus: 200
}
[...]
app.use(cors(corsOptions));

[...] são espaços em seu código caso houver...

Além disso você pode tentar instalar essa extensão: https://chrome.google.com/webstore/detail/moesif-orign-cors-changer/digfbfaphojjndkpccljibejjbppifbc no seu navegador e habilite-a.

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 .