3
respostas

Erro no CORS

Bom dia!

Fiz como nas aulas e até conferi rodando o vídeo novamente e conferindo o meu código mas está correto, esta dando erro no CORS, tentei criar um arquivo segundo umas aulas no youtube e não funcionou, além do CEP não dar erro/ erro personalizado.

Meu link do git desse projeto:

https://github.com/CinthyaSSoares/-ONE-exercicios/tree/master/JavaScript%20a%20linguam%20da%20Web/4-JavaScript%20na%20Web%20valida%C3%A7%C3%A3o%20de%20Formul%C3%A1rios%20e%20HTML5/validacao-doguito-main

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

function recuperarCEP(input) {
    const cep = input.value.replace(/\D/g, '') //substituir tudo que não for números por nada.
    const url = 'https://viacep.com.br/ws/${cep}/json'
    const options = {
        method: 'GET',
        mode: 'cors',
        headers: {
            'content-type': 'application/json;charset=utf-8'
        }
    }
    if(!input.validity.patternMismatch && !input.validity.valueMissing) {
        fetch(url,options).then(
            response => responde.json()
        ).then(
            data =>{
                console.log(data)
            }
        )
    }

}
<input name="cep" id="cep" class="input" type="text" placeholder="CEP" pattern="[\d]{5}-?[\d]{3}" data-tipo="cep" required">
3 respostas

Olá Cinthya, tudo bem? Acredito que o erro seja só porque a const url da linha 162 não está com template string, tenta colocar assim: https://viacep.com.br/ws/${cep}/json com crase no lugar de com aspas Espero ter ajudado

O meu está com o mesmo problema. conseguiu achar a solução?

Oi Karen, sugiro que verifique se sua url está com template string pra ser chamada, a url deve ficar entre crase e não entre aspas

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software