Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Funciona com XMLH Request mas com Fetch Não.

Com esse código não funciona, aparece o erro:

.3000/profile:1 Failed to load resource: net::ERR_NAME_NOT_RESOLVED lista_cliente.html:1 Uncaught (in promise) TypeError: Failed to fetch

const listaCliente = () => {
    return fetch ('http://localhost.3000/profile')
    .then (resposta => {
        return resposta.json()
    })
}

com XMLH funciona normalmente,

const listaCliente = () => {
    const promise = new Promise((resolve, reject) => {
        const http = new XMLHttpRequest()
        http.open('GET', 'http://localhost:3000/profile');
        http.onload = () => {
            if(http.status >= 400) {
                reject(JSON.parse(http.response)) 
            } else {
                resolve(JSON.parse(http.response)) 
            }
        }
        http.send()
    })
    return promise
}

Estou quebrando a cabeça pra descobrir o porque, fui analisar o código do professor e está igual ao meu em relação ao fetch. Obrigado

3 respostas
solução!

Oi Edson, tudo bem?

Perceba que na linha 2 do seu primeiro código você colocou um ponto ( . ) em vez de dois pontos ( : ) logo após o localhost, o correto seria:

return fetch ('http://localhost:3000/profile')

Por isso que estava dando um erro!

Espero ter ajudado, qualquer outra dúvida estou a disposição, bons estudos!

Descobri o erro.

 return fetch ('http://localhost.3000/profile')

está com.3000, o correto é :3000.

Escrevemos ao mesmo tempo haha. Muito obrigado, Giovanna.