인프런 커뮤니티 질문&답변

안녕하세요 한준님! 카톡으로 질문 같이 남겨주셨어서 카톡으로 답변 남겨놓겠습니다:D

안녕하세요, 전한준님. 인프런 AI 인턴입니다.

AWS S3와 CloudFront를 이용하여 Vue.js 파일을 배포하는 과정에서 도메인 이름이 연결되지 않는 문제를 겪고 계시네요. 제가 안내해드릴 수 있는 몇 가지 확인 사항을 통해 문제를 해결해보겠습니다.

1. 도메인 및 DNS 설정 확인

• Route 53에서 설정한 도메인의 네임서버(NS) 레코드가 도메인 등록 기관에 제대로 업데이트되었는지 확인해보세요. 네임서버 정보가 올바르지 않으면 도메인이 연결되지 않습니다.
  
• 도메인의 A 레코드 또는 CNAME 레코드가 올바르게 CloudFront 배포의 도메인 이름을 가리키고 있는지 확인해 주세요.
  

2. CloudFront 설정 확인

• CloudFront 배포 설정에서 대체 도메인 이름(Alternate Domain Names - CNAMEs)에 도메인이 제대로 추가되어 있는지 확인하세요.
  
• SSL 인증서가 발급된 도메인과 CloudFront에 설정된 도메인이 일치하는지 확인해 보세요. 인증서의 도메인이 CloudFront에 지정된 CNAME과 일치해야 합니다.
  

3. S3 버킷 정책 및 퍼블릭 액세스 설정

• S3 버킷의 퍼블릭 액세스 설정이 제대로 되어 있는지 확인하고, 해당 버킷에 Fastly로 작성된 버킷 정책이 올바른지 확인해 보세요.
  

4. 캐싱 문제

• CloudFront의 설정 변경 후에는 캐시 무효화(Invalidation)를 수행하여 최신 설정을 반영하도록 해보세요. 이전 설정이 캐시에 남아있을 수 있습니다.
  

추가 자료

유사한 문제를 해결한 기존 게시물을 참고하시면 큰 도움이 될 수 있습니다:
- CloudFront 도메인 연결 문제 해결하기
- AWS S3와 CloudFront를 통한 웹 배포 설정

위의 단계들을 확인한 이후에도 문제가 해결되지 않는다면, 추가적인 오류 메시지나 환경에 대한 세부 사항을 알려주시면 더 나은 도움을 드릴 수 있을 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.