• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

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

22.07.16 11:24 작성 조회수 670

1

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

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

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

Detail.js 에서

const port = process.env.PORT || 5000;
<img
src={`http://localhost:${port}/${props.PostInfo.image}`}
alt=""
style={{ width: "80%", height: "auto" }}
/>
로 바꿔보았지만 나오지 않습니다 ㅜㅜ
해결방법있을까요?

답변 3

·

답변을 작성해보세요.

0

yyp1023님의 프로필

yyp1023

2022.08.01

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

lucassk님의 프로필

lucassk

질문자

2022.08.10

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

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

0

lucassk님의 프로필

lucassk

질문자

2022.07.17

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

src={`http://community-app.herokuapp.com/image/${props.PostInfo.image}`}
 
이렇게도 바꿔봤는데 안되네요
 
src={`http://community-app.herokuapp.com/${props.PostInfo.image}`}
 
이렇게 해도 안되구요...
lucassk님의 프로필

lucassk

질문자

2022.07.17

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

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

lucassk님의 프로필

lucassk

질문자

2022.08.10

출력안됩니다 ㅜㅜ

0

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

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

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

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

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

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

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