web

리소스를 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..