El javascript intenta obtener datos de mi API de arranque de primavera y devuelve un error de "Error al obtener" cada vez.

Estoy seguro de que la solicitud llega a la API porque por cada clic en Enviar obtengo la declaración de impresión, que puse en mi método de obtención, registrada como debería. Así que algo en el camino de regreso debe estar mal.

Obtener método:

 @RestController @RequestMapping("/familyMember") public class FamilyController { private FamilyRepository familyRepository; public FamilyController(FamilyRepository familyRepository) { this.familyRepository = familyRepository; } @GetMapping("/id/{id}") public FamilyMember getById(@PathVariable("id") Long id) { Optional<FamilyMember> optional = familyRepository.findById(id); if (!optional.isPresent()) { throw new ResponseStatusException(HttpStatus.NOT_FOUND); } FamilyMember familyMember = optional.get(); System.out.println(id); //print statement to make sure api is reached return familyMember; }

Código JavaScript:

 const url = 'http://localhost:4001/familyMember/'; submit.onclick = async() => { const endpoint = url + 'id/' + input.value; try { const response = await fetch(endpoint); // error occures here because no code below is executed output.style.color = 'green'; // to see if fetch continues(apparently it doesn't) if (response.ok) { output.innerHTML += await response.json(); } } catch(error) { output.innerHTML += error; // gives me "Failed to fetch" in the html }

No estoy seguro si el error está en el lado del servidor o en el lado del cliente. La API me da la información correcta cuando uso curl en la terminal... ¿así que probablemente el código js?

Gracias por adelantado.