Como adicionar API-key e API-username em serviços Angular

Suporte
1

Alguém pode me orientar sobre como adicionar a API-key e o API-username em serviços do Angular?
Por exemplo:
return this.http.get(‘https://converge.trydiscourse.com/categories.json’, { ‘Api-Key’: ‘123456789’, ‘Api-Username’: ‘system’ });
Estou recebendo um erro aqui.

2

Suspeito que o problema esteja ocorrendo porque seu código está adicionando Api-Key e Api-Username como parâmetros de consulta na solicitação GET. O Api-Key e o Api-Username precisam ser incluídos nos cabeçalhos da solicitação, não como parâmetros de consulta. Há um exemplo com curl de como configurar isso na seção de Autenticação, que fica perto do topo desta página: https://docs.discourse.org/.

3

Problema resolvido por mim mesmo
fetchCategory() {
const headers = new HttpHeaders()
.set(‘Api-Key’, ‘123456’)
.set(‘Api-Username’, ‘abcd’);
const result = this.http.get(‘https://url.json’,{headers }); return result;
}
E também ativei o CORS pelo meu navegador e agora está funcionando corretamente.