Estoy tratando de llamar a una clave x-api en el encabezado de un servicio angular, pero me falta algo en la sintaxis. Hasta ahora, mi código arroja un error de autorización.

 import { Injectable } from '@angular/core'; import { HttpClient, HttpHeaders } from '@angular/common/http'; @Injectable({ providedIn: 'root' }) export class PrecipForecastService { constructor(private http:HttpClient) { } getData () { const url = 'url_here'; const key = 'key_here'; const header = new HttpHeaders({'x-api-key': key}); return this.http.get(url, {headers: header}); } }

La pestaña de red del navegador muestra:

El acceso a XMLHttpRequest en 'url_here' desde el origen 'localhost:4200' ha sido bloqueado por la política de CORS: la respuesta a la solicitud de verificación previa no pasa la verificación de control de acceso: no hay un encabezado 'Access-Control-Allow-Origin' presente en el recurso solicitado .

Sí, la clave es correcta, funcionó con el módulo de búsqueda JS.

¡Gracias por la ayuda!