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

skywalk님의 프로필 이미지
skywalk

작성한 질문수

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

휴대폰에서 이미지가 나타나지 않는 현상

작성

·

319

0

다시 천천히 보고 있는데요. pc 와 다르게  휴대폰에서 동작을 페이지를 보면, 첫 페이지나 로그인 후 페이지 모두에서 카드로 나타낸 상품 이미지가 나타나지 않고 있습니다(설명/가격은 보임). 그리고 카트에 넣으려 선택을 해도 반응이 없습니다. 

어디 부분에 문제가 있는 것인 지요.  수고하세요

답변 5

0

skywalk님의 프로필 이미지
skywalk
질문자

폰에서 이미지가 나오지 않는 현상은 해결하였습니다.

이미지 슬라이더에서 서버의 아이피가 localhost로 되어 있어 서버 아이피로 수정하여 해결하였습니다.

config 파일에 서버 아이피를 등록하고 사용하면 될 것 같습니다.

수고하세요.

0

skywalk님의 프로필 이미지
skywalk
질문자

다시 홈의 아이피가  다른 컴퓨터/휴대폰 에서 이미지가 나오지 않는 것을  보고 있습니다.  리액트 앱과 서버의 설정을 잘 몰라서 생긴 현상인지  개발환경 컴퓨터에서는 동작하나 다른 아이피에서는 여전하게 보이지를 않습니다.  다른 컴퓨터에서 F12 콘솔로 보면  이미지를 불러오지 못하고 

 Failed to load resource: net::ERR_CONNECTION_REFUSED 1589797472840_1586062016135_usa.jpg:1 

Failed to load resource: net::ERR_CONNECTION_REFUSED 1589797529208_1586062019716_usa2.jpg:1  .....

 으로 나오며, 

가 나옵니다.  서버와 클라이언트 설정의 문제 인가요.

프로그램에서 localhost 부분을 192.168.0.55 로 고쳤습니다.

0

skywalk님의 프로필 이미지
skywalk
질문자

build 한 후,   server/index.js 에  코드에 있는 production 모드로 동작시키기 위해  소스에  process.env.NODE_ENV = process.env.NODE_ENV || 'production';  코드를 추가하여  실행 시켜도 증상은 같게 나옵니다.  차이점이 있는 지요.

0

skywalk님의 프로필 이미지
skywalk
질문자

아니요.  웹에서 테스트하면서 핸드폰으로 보고 있습니다.

0

John Ahn님의 프로필 이미지
John Ahn
지식공유자

안녕하세요   혹시 핸드폰으로 볼때는   배포를 한 이후에 핸드폰으로 보신건가요 ~ ???

skywalk님의 프로필 이미지
skywalk

작성한 질문수

질문하기