Der Ursprung „http://localhost:4200“ wurde durch die CORS-Richtlinie blockiert: Wie kann ich das in Angular lösen? [Dupl ⇐ Java

[Guest]

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.
Meine Angular-Methode

Code: Select all

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

Mein Ruheservice

Code: Select all

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

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

}

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.