업로드 후 홈화면에서 이미지가 보이지 않습니다
581
작성한 질문수 2
데이터 베이스에도 기록이 잘 들어가고 사이트 홈화면에도 잘 뜨는데 화면의 이미지가 안뜹니다.
uploads파일에도 이미지 다 잘 들어갑니다.
인강과 데이터베이스를 비교해봤을 때 경로문제인것같긴한데 어떻게 수정을 해야할까요?
근데 DB경로의 역슬래시를 슬래시로 바꾸어도 안뜨고 uploads에는 사진도 잘 들어가고 사진의 경로를 봤을때도 동일해서... 왜 안뜨는걸까요?
단순히 한사진의 오류라고생각했었는데 등록한 것 모두 이렇게 되어서...
어딜 어떻게 수정해야할지모르겠어서... 일단은 깃허브링크 함께올려봅니다...
홈사이트 화면
개발자 툴 상품넣고 난뒤
DB데이터 베이스
물건 등록 후 vscode에 뜨는것
깃허브 링크: https://github.com/Dalrae03/webstudy/commit/7a5981dafabdbf009b40c0c5814e7e7c6f3ea9de
https://github.com/Dalrae03/webstudy/commit/c9106654b1d6badba9ae64ce744a11da46b719a5
답변 1
0
코드를 보니 client쪽 main.js 코드의 product-card 안을 보시면 img 태그의 src가 product.imageUrl로 되어있습니다. 현재 디비에서 내려주는 값을 보면 imageUrl은 uploads/... 와 같이 앞에 경로만 포함되서 들어오고 있는데요. 그렇게 되면 클라이언트(웹)에서는 해당 웹의 주소인 localhost:3000/uploads/... 이렇게 주소를 인식해서 요청하게 됩니다
따라서 아래처럼 API_URL로 API 서버 주소를 온전히 붙여주셔야 합니다
https://github.com/yansfil/grab-market-client/blob/3479df9b4e415a0b2200e6fc4bf360261ad35f7f/src/main/index.js#L54
[해결]그랩님 답변 주세요.
0
159
2
그랩님의 답변을 기다립니다/102강 전반적인 에러
0
139
2
[그랩님께]101강 안드로이드 에러들(Key prop)해결방법 궁금합니다.
0
122
2
[재질문][그랩님 답변 부탁드립니다]101강
0
135
2
[그랩님 답변 부탁드립니다]101강 Axios 에러와 502 Bad Gateway 질문
0
96
2
Ngrok 설치 후 forwarding Url 에러
0
129
2
[그랩님께,Ngrok 악성코드 인식 해결방법]질문 드립니다.
0
213
2
Ngrok 설치 후 forwarding Url로 연결 불가
0
133
1
그랩님,[꼭] 답변 부탁드립니다.
0
64
1
[꼭][[꼭] 그랩님, 답변 부탁드립니다], Failed to load resource: the server responded with a status of 404 (Not Found) 상품 상세 페이지 질문입니다.
0
145
1
6강/7강 수업
0
49
1
그랩님, 상품 상세 페이지 에러와 의문점 질문드립니다.
0
98
2
그랩님, 해결되지 않은 에러 메시지 [꼭] 답변 부탁 드립니다.
0
133
2
[재 질문]Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?
0
88
1
Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?
0
126
2
일반적인 css 꾸미기에서 width와 height의 값?
0
86
2
Windows에서의 업로드 후 홈화면 상품이미지 오류 해결방법
0
191
1
그랩마켓 웹화면 구현하기 -2 질문입니다.
0
118
1
react에 반영이 되지 않습니다.
0
233
1
터미널 npm install -g create-react-app 작성 후 오류
0
418
1
create-react-app my app 실행 시 에러
0
349
2
포스트맨 질문
0
93
1
<꼭 답변 부탁 드립니다>그랩선생님, [컴포넌트 사용하기] 강의에서 질문 있습니다.
0
255
2
그랩선생님, 질문 답변 부탁 드립니다.vscode에서 npm install -g create-react-app 입력 후 에러 입니다.
0
468
2