live server 에서는 사진이 나오는데 Netlify로 사이트를 만들면 거기서는 사진이 안나와요
조회수 374회
html에서 <img src="" alt="사진" class="pic">
해서.
js에서 pic: '/img/이미지.jpg' 해서 가져오는데
./를 해도 안나오고 ../를 해도 안나와요.
왜 live server 에서는 잘 나오는데 사이트로 만들면 안나오는걸까요..
해결 방법이 있을까요.??
1 답변
-
netlify를 써본 적은 없지만, 높은 확률로, netlify에 올라가는 순간부터
./
는./
가 아닙니다. 경로가.
으로 시작하면 상대 경로인데,img
,script
등의src
속성으로 상대경로를 줄 수 있다고 생각하시는 건 별로 좋지 않습니다. 왜냐면 지금과 같은 문제를 겪게 되기 때문이지요.index.html
이나index.php
가 있는 폴더를 찾아보세요. 거기에images
라는 이름의 폴더를 만들어 보세요. 그 폴더에 사진을 넣으세요. 그리고 그림 태그를 고쳐 보세요.<img src="/sajin.jpg" /> <!-- 슬래시로 시작하는 경로(절대경로)를 줬음에 유의할 것 -->
이렇게 해서 netlify에서 이미지가 나오는지 봐주세요. "live server"는 나중 문제입니다.
댓글 입력