안녕하세요,
JavaScript를 사용하여 Discourse 댓글을 임베드하려고 했는데, 브라우저 콘솔에서 다음과 같은 오류가 발생합니다.
1번째 오류: comments 파일의 1번째 줄
Failed to load resource: the server responded with a status of 400 ()
2번째 오류: embed-application-08a52625979d3d44aac8a2dedf5a1a662fec81ffe8a9ebc2e6eefb15b2980874.js 파일
Uncaught DOMException: Failed to execute 'postMessage' on 'Window': Invalid target origin '' in a call to 'postMessage'.
at u (https://forum.MYDOMAINNAME.com/assets/embed-application-08a52625979d3d44aac8a2dedf5a1a662fec81ffe8a9ebc2e6eefb15b2980874.js:1:105)
at window.onload (https://forum.MYDOMAINNAME.com/assets/embed-application-08a52625979d3d44aac8a2dedf5a1a662fec81ffe8a9ebc2e6eefb15b2980874.js:1:523)
이 두 가지 오류를 보면, 브라우저가 서버에서 에셋(assets)을 찾지 못해서 문제가 발생하는 것 같습니다.
이는 제 설정 문제일 수 있습니다:
- 메인 애플리케이션은 AWS EC2에 호스팅되어 있습니다. 모든 정적/에셋 파일은 AWS S3 폴더에 저장되어 있으며, 애플리케이션이 AWS CloudFront를 통해 이를 가져옵니다.
- Discourse는 Docker 이미지를 사용하여 다른 EC2 인스턴스에 설치했습니다.
- AWS Route 53을 사용하여
A레코드를 추가하여forum.MYDOMAINNAME.com을 Discourse EC2 인스턴스의 IP 주소로 리다이렉트했습니다.
메인 앱 내부에 HTML 및 JS 스크립트를 임베드했습니다. 코드가 에셋을 요청할 때, 메인 앱(다른 EC2 인스턴스에 위치)에는 Discourse의 에셋 파일이 포함되어 있지 않으므로 오류가 발생합니다.
제 추측이 맞다면, 어떻게 해결해야 할까요? Discourse의 에셋을 S3에 저장하여 CloudFront를 통해 서빙하려면 어떻게 해야 하나요?
제 추측이 틀렸다면, 이 오류들은 무엇을 의미하며 어떻게 수정할 수 있을까요?
감사합니다!