Acesso bloqueado

28/05/2022

0

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

Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar