certbot 썸네일형 리스트형 스프링 + 리액트 : https, nginx, Mixed Content 문제 상황 첫 프로젝트, 첫 배포였다. 개발 과정은 api를 만들고 ec2 서버에 올려 프론트가 서버에 올려둔 api를 호출해서 테스트하는 방식으로 개발했으며, ec2 서버 내에 Spring과 React를 각각 3000번 포트와 8080번 포트로 실행했다. 하지만 배포 과정은 쉽지 않았다. 서버로 들어오는 http 요청을 https로 바꿔주기 위해 서버에 nginx와 letsencrypt를 설치하고, 프록시 서버를 둬서 React로 들어오는 요청에 https를 적용시켜 주었다. 그리고 웹 페이지로 들어가서 요청을 해본 결과 Mixed Content 에러가 떴다. Mixed Content ? 최초 HTML이 안전한 HTTPS 연결을 통해 로드될 때 혼합 콘텐츠가 발생하지만 다른 리소스(예: 이미지, 동영상.. 더보기 이전 1 다음
