Fiz sozinho na primeira vez e mesmo assim nada carregava, resolvi clonar o repositorio do curso e rodar e mesmo assim o mesmo erro continua, o que estou fazendo de errado?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Fiz sozinho na primeira vez e mesmo assim nada carregava, resolvi clonar o repositorio do curso e rodar e mesmo assim o mesmo erro continua, o que estou fazendo de errado?
Olá Guilherme.
Tudo bem?
Pelo erro que você compartilhou, parece que há um problema de conexão com o seu backend. O erro ERR_CONNECTION_REFUSED indica que a aplicação front-end não conseguiu se conectar ao servidor backend na URL http://localhost:8080/series/frases.
Aqui estão alguns passos que você vai precisar seguir para tentar resolver esse problema:
Verifique se o servidor backend está rodando:
mvn spring-boot:run ou ./mvnw spring-boot:run).Verifique a porta do servidor:
8080. Se estiver usando uma porta diferente, atualize a URL no seu código front-end para corresponder à porta correta.Verifique as configurações de CORS:
CorsConfiguration deve estar configurada corretamente para permitir requisições do seu front-end.import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
@Configuration
public class CorsConfiguration implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("http://127.0.0.1:5500")
.allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS", "HEAD", "TRACE", "CONNECT");
}
}
Verifique se há erros no console do backend:
Verifique a URL no front-end:
fetch('http://localhost:8080/series/frases')
.then(response => response.json())
.then(data => {
// Processar os dados recebidos
})
.catch(error => {
console.error('Erro ao acessar o endpoint /series/frases', error);
});
Espero que essas sugestões ajudem a resolver o problema. Bons estudos!