인프런 커뮤니티 질문&답변

작성한 질문수

MERN STACK 커뮤니티 : 시작부터 배포까지 알려주는 React

Heroku : 배포하기

배포 후 이미지가 사라짐 (네이버 클라우드 설정 X)

작성

·

965

1

배포 후에 이미지가 안나옵니다 ㅜㅜ

네이버 클라우드는 사용안하고 있고

로컬서버에 이미지 저장중인데 혹시나해서

Detail.js 에서

const port = process.env.PORT || 5000;

<img

src={`http://localhost:${port}/${props.PostInfo.image}`}

alt=""

style={{ width: "80%", height: "auto" }}

/>

로 바꿔보았지만 나오지 않습니다 ㅜㅜ

해결방법있을까요?

react nodejs express firebase mongodb

답변 3

0

저도 똑같이 이미지가 출력이안되는데 혹시 방법 찾으셨나요?

질문자

답이 늦었습니다.. 죄송합니다 너무 바빠서..

아직도 해결못하고 있는 상황입니다...

0

질문자

이미지들은 App 폴더안에 image 폴더내에 존재합니다.

src={`http://community-app.herokuapp.com/image/${props.PostInfo.image}`}

이렇게도 바꿔봤는데 안되네요

src={`http://community-app.herokuapp.com/${props.PostInfo.image}`}

이렇게 해도 안되구요...

질문자

https: 로해도 안되는건 똑같습니다 ㅜㅜ

지식공유자

저 이미지 url을 주소창에 그대로 붙여넣으면 이미지가 출력되나요?

질문자

출력안됩니다 ㅜㅜ

0

지식공유자

조금 고민이 필요해 보이네요..!

검사를 통해 확인해보시면 아시겠지만,

배포환경에서는 당연히 로컬호스트에 접근할 수 없습니다.

제가 수강생분의 디렉토리 구조를 잘 모르겠지만

이미지가 어떤 경로로 저장되고 있을까요?

배포URL + 이미지경로 로 수정해보시겠어요?

(필요에따라 Express 라우팅 규칙이 추가되야 할 수도 있습니다.)

작성한 질문수