와이드용 애드센스


Azure WebApp 배포 시 일부 css가 정상적으로 로딩되지 않는 문제 - Mixed Content 에러

JSP 서버를 Azure WebApp으로 배포하였는데 로컬 Tomcat에서 정상작동하던 css가 정상적으로 로드되지 않는 오류가 발생했다.

크롬 디버거 (F12)를 사용해서 오류 내용을 확인해보면 다음과 같은 에러 메세지가 나오는 것을 확인할 수 있다.
간단히 요약하자면 css 접근 요청을 반드시 https로 해야 한다는 것이다.


https와 http를 혼용하는 것을 혼합된 콘텐츠(Mixed Content)라고 한다. 기본적으로 WebApp 배포 시 https로 접속을 하게 되는데, http -> https로의 요청은 가능하지만 https-> http로의 요청은 브라우저 레벨에서 차단을 하게 되는데, 문제가 되는 css의 경우에도 http로 접속하는것을 확인할 수 있다.

해결법은 배포중인 WebApp의 소스코드에 있는 해당 css들의 경로를 http에서 https로 바꿔주기만 하면 된다.



[Mixed Content(혼합 컨텐츠)에 관한 개요]

덧글

댓글 입력 영역



애드센스