Angular 서비스에서 API 키와 API 사용자 이름 추가하는 방법

제품 지원
1

Angular 서비스에서 API 키와 API 사용자 이름을 어떻게 추가해야 하는지 알려주실 수 있나요?
예를 들어
return this.http.get(‘https://converge.trydiscourse.com/categories.json’, { ‘Api-Key’: ‘123456789’, ‘Api-Username’: ‘system’});
이렇게 하면 오류가 발생합니다.

2

문제가 발생하는 이유는 코드가 Api-Key와 Api-Username을 GET 요청의 쿼리 파라미터로 추가하고 있기 때문일 것으로 추정됩니다. Api-Key와 Api-Username은 쿼리 파라미터가 아니라 요청 헤더에 포함되어야 합니다. 이 페이지 상단의 인증(Authentication) 섹션에는 이를 설정하는 방법에 대한 curl 예제가 있습니다: https://docs.discourse.org/.

3

본인이 직접 문제를 해결했습니다.
fetchCategory() {
const headers = new HttpHeaders()
.set(‘Api-Key’, ‘123456’)
.set(‘Api-Username’, ‘abcd’);
const result = this.http.get(‘https://url.json’,{headers }); return result;
}
그리고 브라우저에서 CORS를 활성화했는데, 이제 잘 작동합니다.