La URL funciona en Postman pero no utilizando HttpClient en Angular 9+.

Estoy tratando de obtener los datos JSON de una URL que funciona si la pegas en el navegador y también a través de Postman, pero cuando hago una solicitud GET utilizando Angular HttpClietn, obtengo el error de Política de CORS.

¿Alguien puede ayudarme a entender por qué esto no funciona?

URL: https://ant.aliceblueonline.com/api/v1/search?key=IDEA

Código Angular:

• Primer intento

GetScripInfo(): Observable<any>{
    let header = new HttpHeaders({ 'Accept': 'application/json' });
    header.set('Content-Type', 'application/json');
    const requestOptions = { headers: header};  

    return this.httpClient.get<any>("https://ant.aliceblueonline.com/api/v1/search?key=IDEA", 
    requestOptions).pipe(
      map((res: any) => {
        debugger;
        res.json()})
    );
}

• Segundo intento

GetScripInfo(): Observable<any>{
    let header = new HttpHeaders({ 'Access-Control-Allow-Origin': '*', });

    header.set('access-control-allow-origin',"http://localhost:4200/");
    header.set('withCredentials', "true");
    header.set('Content-Type', 'application/json');
    const requestOptions = { headers: header};  

    return this.httpClient.get<any>("https://ant.aliceblueonline.com/api/v1/search?key=IDEA", requestOptions);
}

Método de llamada

GetScripInfo(value: string) {
    debugger;
    this.algoService.GetScripInfo().subscribe(result => {
      debugger;
    });
}

• URL de StackBlitz:
  https://stackblitz.com/edit/angular-ivy-rbbwp6?file=src/app/app.component.ts