1
resposta

Mensagem de erro ao clicar no Botão frase

Lição: 02. Buscando frases via Ajax - Vídeo 2 Ajax com get

Ao clicar no botão frase aparece o erro abaixo. O problema não está no código que é exatamente o mesmo do professor. Acho que o problema está no CORS no NodeJS, mas não sei como resolver. Sei que o foco do curso é jQuery e não infraestrutura, mas sem resolver este problema, fico bastante prejudicado, pois não consigo implementar nada no meu servidor.

Fiz todo o procedimento de levantar o servidor e dei o comando npm start e entrei no http://localhost:3000/principal.html e não ocorreu falha nenhuma.

A falha só aparece na chamada do get.

DevTools failed to load SourceMap: Could not load content for chrome-extension://liecbddmkiiihnedobmlmillhodjkdmb/js/content.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME

Access to XMLHttpRequest at 'localhost:3000/frases' from origin 'http://localhost:3000' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https. jquery.js:9392 GET localhost:3000/frases net::ERR_FAILED

$("#botao-frase").click(fraseAleatoria);

function fraseAleatoria(){
  $.get("localhost:3000/frases", function(data){
    console.log("Fiz a requisição e retornei");
  });
}
1 resposta

Fala ai Sabiniano, tudo bem? Como você está subindo a aplicação e acessando ela? Acho que tu precisa acessar via http://localhost:3000/principal.html para que tanto a aplicação quanto a API estejam sobre o mesmo dominio, evitando a necessidade do CORS.

Espero ter ajudado.