React) Failed to load resource: net::ERR_NAME_NOT_RESOLVED

문제 상황

- api를 통해서 이미지를 array로 가지고 와줬고, 그 중에서 첫 번째 이미지를 mainImage라고 위에 크게 넣어주려 넣어줬는데 이미지가 나오지 않음

 

문제 원인 추측

오류 전체 메시지를 읽어보면 

GET http://image/tmdb.org/t/pw1280/cinER0ESG0eJ49kXlExM0MEWGxW.jpg net::ERR_NAME_NOT_RESOLVED

저 주소를 브라우저에 그대로 입력하면 이미지가 나와야하는데, 이미지가 나오지 않음.

즉, url이 뭔가 잘못되었구나 - 라고 확인.

 

해결

맨 첫 번째 이미지 주소 직접 확인한 결과 

-> /cinER0ESG0eJ49kXlExM0MEWGxW.jpg

 

이 이미지를 가지고 오는 '진짜 url'을 알아내보자.

 

base_url을 위에 저렇게 주었는데 

-> 현재 사이트 내 url의 공통 부분으로 바꿈

export const IMAGE_BASE_URL = 'http://www.themoviedb.org/t/p/'

 

결과

잘 나온다

 

첫 번째 포스터가 잘 나옴을 다시 한 번 확인