Cómo agregar API-key y API-username en servicios de Angular

Soporte
1

¿Puede alguien por favor guiarme sobre cómo agregar la API-key y el API-username en los servicios de Angular?
Por ejemplo:
return this.http.get('https://converge.trydiscourse.com/categories.json', { 'Api-Key': '123456789', 'Api-Username': 'system' });
En este caso, estoy obteniendo un error.

2

Sospecho que el problema se debe a que tu código está agregando Api-Key y Api-Username como parámetros de consulta en la solicitud GET. Estos deben incluirse en los encabezados de la solicitud, no como parámetros de consulta. Hay un ejemplo con curl que muestra cómo configurarlo en la sección de Autenticación, que se encuentra cerca de la parte superior de esta página: https://docs.discourse.org/.

3

Problema resuelto por mí mismo
fetchCategory() {
const headers = new HttpHeaders()
.set(‘Api-Key’, ‘123456’)
.set(‘Api-Username’, ‘abcd’);
const result = this.http.get(‘https://url.json’,{headers }); return result;
}
Y también habilité el CORS desde mi navegador y ahora funciona correctamente.