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')
}
})
}
}