Programmiererforum

addTodos(todo:Todos)
{
return this.http.put('http://localhost:8082/addTodo',JSON.stringify(todo))
}

@PutMapping(path="/addTodo" ,consumes=MediaType.APPLICATION_JSON_VALUE)
public ResponseEntity addTodo(@RequestBody Todo todo) {

todoservice.addTodos(todo);
return new ResponseEntity(todo,HttpStatus.OK);

}

Ich bin neu in der Full-Stack-Anwendung. Ich habe angle11 im Front-End und ein Spring-Boot-Gradle-Projekt mit JPA-Rest-Service im Back-End verwendet.
[b] Meine Angular-Methode[/b]
[code]addTodos(todo:Todos)
{
return this.http.put('http://localhost:8082/addTodo',JSON.stringify(todo))
}
[/code]
[b]Mein Ruheservice[/b]
[code]@PutMapping(path="/addTodo" ,consumes=MediaType.APPLICATION_JSON_VALUE)
public ResponseEntity addTodo(@RequestBody Todo todo) {

todoservice.addTodos(todo);
return new ResponseEntity(todo,HttpStatus.OK);

}
[/code]
Mein Fehler im Browser ist: Der Zugriff auf XMLHttpRequest unter „http://localhost:8082/addTodo“ vom Ursprung „http://localhost:4200“ wurde durch die CORS-Richtlinie blockiert: Auf der angeforderten Ressource ist kein „Access-Control-Allow-Origin“-Header vorhanden.
Wie kann ich das Problem lösen? Wir freuen uns über jede Hilfe, vielen Dank im Voraus.