[오류 해결] 크롬 이미지 엑박 해결 / Failed to load resource: net::ERR_CERT_COMMON_NAME_INVALID 오류

[오류 해결] 크롬 이미지 엑박 해결 

/ Failed to load resource: net::ERR_CERT_COMMON_NAME_INVALID 오류

 

익스플로러, 네이버 웨일 등 다른 브라우저에선 이미지가 정상적으로 나오는데,

크롬에서만 이미지에 엑박이 떴다.

 

크롬에서만 이미지 엑박 뜨는 경우 해결

 

제일 먼저 확인한 것은

1. 서버에 실제로 있는 파일인지

- file_exists()로 서버에 실제로 있는지 확인 

IF (file_exists('/upload/'.$file)) {
	echo "있음";
} ELSE {
	echo "없음";
}

 

2. 해당 파일을 제대로 불러오고 있는지

 - [ 엑박 사진 우클릭 > 새 탭에서 이미지 열기 ]를 했을 때 이미지가 보이는 것을 확인

 - 서버에 실제로 있는데 불러와지지 않는다면 크롬 자체의 문제일 가능성이 높다.

 

두 가지를 확인했을 때 실제 서버에 존재하고, 불러오는 것까지 정상적으로 된다는 점을 확인했다.

그럼 도대체 뭐가 문제일까 하다가 콘솔에서 

Failed to load resource: net::ERR_CERT_COMMON_NAME_INVALID 오류 발견.

 

Failed to load resource: net::ERR_CERT_COMMON_NAME_INVALID

 

Failed to load resource: net::ERR_CERT_COMMON_NAME_INVALID 오류는

크롬에서 신뢰할 수 있는 서버 인증서를 사용하지 않은 경우 나타나는 오류라고 한다.

 

 

---

 

[ 외부URL이 https 접속을 허용하는지 체크 ]

 

 

즉, 해당 페이지는 https로 접속하는데

https 이미지 엑박 해결

이미지 경로는 아래와 같이 http://~ url을 이용해 불러오고 있었다.

<img src="http://www.~~.co.kr/upload/<?=$file?>">	

 

이미지  URL을 포함한 모든 주소를 https://~로 설정하면 해결된다고 한다.

 

<img src="/upload/<?=$file?>">	

 

 

후💨 이렇게 간단한 걸 크롬 설정 문제인 줄 알고 별짓을 다 했다.

설정에 콘텐츠 설정, 이미지 표시, Flash 등등...

기적의 시야...ㅎㅎ;;