https

리소스를 HTTPS 프로토콜 호출로 인한 ERR_SSL_PROTOCOL_ERROR 발생, Mixed Content

1. 문제 사항 테스트 서버에 애플리케이션을 실행 환경을 구축하기 위해 도커로 nginx와 tomcat을 띄웠다. 테스트 서버는 사내IP에서만 접근이 가능하여 SSL인증이 따로 필요하지 않았다. 프론트에서 css, image 등 외부나 내부 API 호출할 때, 프로토콜이 HTTPS로 호출되어 ERR_SSL_PROTOCOL_ERROR가 발생하며 리소스들이 가져오지 않는 현상이 발생했다. 2. 원인 웹 & 모바일 환경을 고려한 소스 코드 작성으로 모바일 테스트 서버에서는 HTTPS를 적용한 상태로 Mixed content, 혼합콘텐츠로 인해 HTTPS로 요청을 보내기 위해 프론트 코드에 추가한 META태그가 원인이였다. 3. 해결 해당 지식이 없어서 삽질을 많이했다. Nginx에서 리버스 프록시 설정에서 p..

[AWS] Nginx HTTPS 적용하기

1. 도입 배경 현재 AWS로 EC2를 통해 API 프로젝트를 배포중이다. Front에서 서버로 요청할 때, CORS 에러가 발생하였고 이를 해결하고 나니 브라우저에서 다음과 같은 에러가 발생하였다. 서버는 http이고 프론트에서는 https로 요청을 하는 상황인 것이다. Https로 통신하다 http로 연결되는 통신이 발생하면 보안정책에 의해 Chrome 브라우저에서 block된다. 이를 해결하기 위해 서버를 SSL구성해 Https로 변경하여 해결하기로 했다. 다음과 같은 환경에서 진행하였다. 1. AWS EC2 Ubuntu 구축 2. nginx 설치 3. Spring boot 프로젝트는 8080 포트로 배포 4. 가비아에서 도메인 구입 2. letsencrypt 인증 적용하기 Https는 인증서가 필..