Olá, Pedro! Tudo bem?
Analisando o seu código da API notei que o seu controller responsável por retornar as frases, não foi terminado e estava comentado. Então a rota estava apontando para um controller que sequer estava implementado.
Para resolver essa situação, recomendo que termine de codar a rota que retorna as frases, deixarei um exemplo logo abaixo:
@GetMapping("/frases")
public ResponseEntity<FraseDTO> obterFrase(){
try {
return ResponseEntity.ok(fraseService.obterFrase());
} catch (Exception e) {
return ResponseEntity.status(HttpStatus.BAD_REQUEST).build();
}
}
Além disso, no seu arquivo CorsConfiguration que está na pasta "config" você deve ajustar a rota de origem do frontend para ser permitida e não a do backend. Para exemplificar melhor, você tinha adicionado em allowedOrigins("http://127.0.0.1") a porta 8080, mas deveria ser 5500 que representa a porta do seu frontend. Segue a alteração:
@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");
}
}
Espero ter ajudado e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.
