‘http://localhost:3000’ 기원(origin)에서 'https://boostfloral.discourse.group/categories.json?'으로의 fetch 접근이 CORS 정책에 의해 차단되었습니다: 프리플라이트 응답의 Access-Control-Allow-Headers에서 API-key 요청 헤더 필드가 허용되지 않습니다.
Discourse API를 호출하려고 할 때 위와 같은 문제가 발생합니다. 서버에 SSL 인증서를 이미 추가했으며, 관리자 패널에 있는 CORS 옵션도 설정했지만 여전히 이 문제가 발생합니다.
누군가 비슷한 문제를 겪어 보셨나요? 이 문제를 해결하는 방법이 무엇인지 도움을 주실 수 있을까요?
사용자 API 키인가요? 제가 잘못 안 거라면 User-Api-Key여야 합니다.
이제 다음과 같은 응답을 받고 있습니다.
'boostfloral.discourse.group/latest.json?order=default&ascending=false’에 대한 ‘http://localhost:3000’ 오리진에서의 fetch 접근이 CORS 정책에 의해 차단되었습니다: preflight 응답의 Access-Control-Allow-Headers에서 api-username 요청 헤더 필드가 허용되지 않습니다.
관리자 API를 사용하려는 경우(사용자 API와는 다름), 필요한 헤더 필드는 Api-Key와 Api-Username입니다.
공개용 JavaScript 클라이언트의 경우, 관리자 API가 허용되지 않는 것 같습니다(아쉽게도 이로 인해 모든 것이 복잡해지지만, 알고 있습니다!). 대신 User API keys specification 을 사용해야 합니다.
저 역시 아직 어떻게 해야 하는지 파악 중입니다. 단순히 공개적으로 접근 가능한 .json 응답만 가져오고 싶은데 말입니다.
공개된 것이면 CORS 설정만으로도 충분할 것이며, API 키를 신경 쓸 필요도 없습니다.
네, 감사합니다! 여기에서 해결되었습니다: Using JavaScript fetch to get publicly available page from Discourse into an external site (Discourse API) - #2 by pfaffman
@fahadaslam98 @RGJ님이 말씀하신 대로, CORS가 올바르게 설정되어 있다면 헤더에서 API 키를 제거하면 작동할 것입니다. 