live server 에서는 사진이 나오는데 Netlify로 사이트를 만들면 거기서는 사진이 안나와요

조회수 372회

html에서 <img src="" alt="사진" class="pic"> 해서. js에서 pic: '/img/이미지.jpg' 해서 가져오는데
./를 해도 안나오고 ../를 해도 안나와요.
왜 live server 에서는 잘 나오는데 사이트로 만들면 안나오는걸까요..
해결 방법이 있을까요.??

  • live server가 뭔가요? 엽토군 2023.1.5 15:41
  • 그 visual studio code 에서 사이트 업로드 전에 미리보기로 보는거요.! sihyeon1 2023.1.5 17:46

1 답변

  • netlify를 써본 적은 없지만, 높은 확률로, netlify에 올라가는 순간부터 ././가 아닙니다. 경로가 .으로 시작하면 상대 경로인데, img, script 등의 src 속성으로 상대경로를 줄 수 있다고 생각하시는 건 별로 좋지 않습니다. 왜냐면 지금과 같은 문제를 겪게 되기 때문이지요.

    index.html이나 index.php가 있는 폴더를 찾아보세요. 거기에 images라는 이름의 폴더를 만들어 보세요. 그 폴더에 사진을 넣으세요. 그리고 그림 태그를 고쳐 보세요.

    <img src="/sajin.jpg" /> <!-- 슬래시로 시작하는 경로(절대경로)를 줬음에 유의할 것 -->
    

    이렇게 해서 netlify에서 이미지가 나오는지 봐주세요. "live server"는 나중 문제입니다.

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)