GitHub 배포관련 문제( 이미지파일 미표시 )

[정법진]

안녕하세요.
현재는 리액트의 모든 강의를 다 듣고 배포와 테스트를 진행중인데요.

일단 설명해주신대로 배포를 해서 웹페이지가 표시되는 건 확인했는데요.
메인화면의 bg.jpg가 표시되지 않더군요.
(해당 부분은 하얀색으로만 표시됩니다.)
.
스크립트 오류를 확인해보니 해당 파일을 못 찾아서 404오류가 발생했는데
로컬상에서는 shop프로젝트의 최상위 폴더인 shop폴더안에 해당 파일이 있는데
웹상에서는 https://tagnet12.github.io/bg.jpg 이런식으로 파일을 호출하고 있거든요.

해당 이미지파일의 경로설정을 어떻게 해야될까요?
해당 이미지파일을 dist폴더에 넣어야 할까요?

• 이 게시글은 정법진에 의해 1 월 전에 수정됐습니다.
• 이 게시글은 정법진에 의해 1 월 전에 수정됐습니다.
• 이 게시글은 정법진에 의해 1 월 전에 수정됐습니다.

[codingapple]

그렇게 경로를 쓸거면 이미지들을 public폴더에 넣어서 빌드하고 올려봅시다

[정법진]

네. 말씀하신대로 public폴더에 이미지파일을 넣고 빌드를 하니
dist폴더에 이미지파일이 생기네요.

그 이미지파일도 깃허브 서버에 같이 올렸더니
페이지에 표시가 잘 되는군요.

근데 저는 vite.config.js 파일에  base : '/shop'  를 넣으면
에러가 나서 그냥 빼버리고
package.json 파일에  "homepage": "/shop"  만 넣어서 처리했습니다.

[글쓴이]

글