문제 상황

EC2에 Spring boot로 서버를 띄우고 프론트엔드 팀에서 만든걸 Netlify로 배포 후 문제 발생

현재 EC2는 http 요청만 받을 수 있고 웹브라우저는 자동으로 https로 설정되기때문에 http로 리소스 요청을 보내면 Mixed Content 에러와 함께 차단되는 상황

해결 방안

이 문제를 해결하려면 프론트엔드에서는 https로 요청을 보내야하는데 백엔드 서버가 https를 지원하지 못함

따라서 EC2에 SSL 설정하여 https 요청을 지원하도록 설정

Route53에 호스팅 영역 생성

AWS 네임서버의 값으로 바꿔주기(with 가비아)

호스팅 영역에서 생성된 네임서버 4개를 입력함

그러면 DNS의 설정을 Route53을 통해 할 수 있음

인증서 생성

SSL 인증서를 발급받음.

인증서를 요청하면 CNAME 레코드를 생성해줌

CNAME을 Route53에 입력