자바스크립트 프론트엔드에서 발생하는 CORS 문제

제품 지원 자체 호스팅
1

안녕하세요!

Discourse 포럼에서 CORS 정책을 올바르게 설정하는 방법을 찾지 못하고 있습니다.
Discourse는 https://forum.bitbetter.club/ 에 설치되어 있으며, 예를 들어 Bitbetter Club 경로의 스레드에서 JSON API를 통해 게시글을 가져오려 하고 있습니다.

프론트엔드에서 다음과 같은 오류가 발생합니다.

has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’

프론트엔드 앱은 netlify에 호스팅된 https://books.bitbetter.club/ 에 있으며, 배포 프리뷰는 도메인이 다릅니다.

Discourse에서 cors origins 설정을 구성해 보았지만, 아무런 변화가 보이지 않습니다. (프로토콜이 있는 특정 도메인, 프로토콜이 없는 도메인, 전체 URI 등 모든 가능성을 시도해 보았고, *도 시도해 보았습니다)

nginx가 일부 HTTP 파라미터를 차단하고 있을 수 있을까요? 다음으로 어디를 확인해야 할까요?

2

직접 해결했습니다. CORS 정책이 기본적으로 켜져 있다고 잘못 알고 있었습니다.

app.yml을 수정하여 DISCOURSE_ENABLE_CORS=true를 추가하고 앱을 재시작했는데, 이제 모든 것이 정상적으로 작동합니다.