[TIL] 코드스테이츠 SEB BE Day 92

in TIL

💡 Today I Will Learn

  • Pre-Project

✏️ Check Box

📌 정리

지금까지 개발한 어플리케이션을 마지막으로 테스트하고, 최종본을 배포하는 작업을 진행했다. EC2에 올라가있는 Springboot와 MySQL을 통해 지금까지 프론트 팀원들이 localhost에서 작업을 진행해왔고, 정상동작하였다. 그러나 프론트를 Vercel로 배포하는 순간 Response를 받아오지 못하는 오류에 봉착하게 되었다…

해당 오류를 Chrome 개발자 도구에서 확인한 결과 Mixed Content라는 메시지와 함께 오류가 발생하였다. 구글링 해본 결과 HTTS -> HTTP 로 통신을 하면 보안상의 이유로 거부하는 것으로 보였다. 확인해보니 React가 배포된 Vercel은 HTTPS로 Springboot가 배포된 EC2는 HTTP로 연결되어있기에 발생하는 것이었다.

Chrome 설정에서 임시로 안전하지않은 컨텐츠를 여는 방식으로 해결했지만 근본적인 해결법이 아니기에 EC2에 SSL인증서를 발급받아 HTTPS로 통신할 수 있게 구성하였다. 이에 대한 글은 추후에 블로깅하도록 하겠다.

🎯 Tomorrow

  • Main-Project 팀 빌딩
  • Pre-Project 회고

Back to [TIL] 코드스테이츠 SEB BE Day 91