inflearn logo
강의

講義

知識共有

MERN STACK コミュニティ: 開始から配布まで通知するReact

Heroku: デプロイする

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

1014

lucassk

投稿した質問数 9

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

yyp1023

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

0

lucassk

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

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

0

lucassk

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

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

0

lucassk

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

0

pandacoding

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

0

lucassk

출력안됩니다 ㅜㅜ

0

pandacoding

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

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

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

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

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

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

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

Heroku 데이터로드 문제.

0

179

2

몽고DB

0

167

1

No routes matched location Error Component Stack error 질문입니다.

0

574

1

axios 문제 404에러

0

2113

1

도와주세요

0

450

3

네이버 클라우드를 사용하지 않는 사람은 외부저장소~env 까지 따라하지 않아도 되죠?

0

234

0

두번씩 실행되는 문제..

0

460

1

스타일 깃허브에서 코드 가져가라고 하셨는데요

0

462

2

read(2) 강의 내용에 질문이 있습니다.

0

265

1

깃허브

0

343

1

마지막에 "" 로 채워주는 이유가 있을까요?

0

283

1

React-router-dom을 설치하고 react app이 크롬에서 실행되지 않습니다.

0

379

1

Detail.js CSS 관련 강의가 없어진거 같은데요 ?

0

280

1

504 에러

0

850

1

콘솔에 DOM이라는 로그가 뜨는데

0

284

1

useEffect 두번 사용하는 것

0

922

1

작동은 잘되는데 오류가 뜹니다

0

438

1

react-router-dom 현재 최신버전

0

612

1

Test.js 소스코드 볼 수 있을까요?

0

489

2

닉네임 중복검사 시 404 에러

0

506

1

수정 버튼 눌렀을 때 이전 이미지 경로

0

434

1

이미지 수정이 안되고 이전 이미지 경로가 안떠요 ㅜㅜ

0

558

1

upload에서 제출 시 오류

0

612

2

여기 학습에 필요한 css 이거 어디에 있나요?

1

613

1