Acesso bloqueado

TypeScript

Java

AngularJS

Spring Boot

28/05/2022

Opa... sou iniciante em desenvolvimento angular e spring.
Estou fazendo uma requisição do tipo GET no angular na api criada no spring, porém no console está me retornando o seguinte erro:


Access to XMLHttpRequest at 'http://localhost:8080/api/tasks' from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.


Estes são meus códigos:

Componente:
constructor(private service: RequestsService) {
    this.service.list().pipe(catchError(error => {
      alert("ERRO! Entre em contato com o adm do sistema");
      return of([]);
    })).subscribe(requests => this.requests = requests);
}


Service:
export class RequestsService {
  private readonly api = 'http://localhost:8080/api/tasks';
  constructor(private http: HttpClient) { }

  list() {
    return this.http.get<Requests[]>(this.api);
  }
}


Api Spring método listar
@GetMapping("/tasks")
public List<Tasks> list() {
    return repository.findAll();
}


Já procurei na internet, mas não encontrei nada que me auxiliasse na correção do erro!
Yuri Aguiar

Yuri Aguiar

Curtidas 0
POSTAR