image 파일 build 시 깨짐현상 해결방법 문의드립니다.

말씀해주신것처럼 개발자도구 Elements를 확인해보았습니다.

vs code → img src = '@/assets/이미지'
devtools Elements → img scr = /img/이미지'
위와 같이 배포경로가 확인되며 이부분이 로컬은 정상이지만 웹에서는 404 error가 발생하는 원인이라고 생각됩니다.

아래와 같이 require을 사용해도 서브경로로 배포되는데 해결방법 혹은 참조할만한 정보를 문의드립니다.

vs code → img :src=require('@/assets/이미지')">

현재 개발환경을 페이지 별 관리를 위해 별도 페이지vue에서 이미지를 호출하고 이 페이지를 라우터로 불러오고 있습니다.

별도 페이지는 강의를 참고하여 src > components에 생성하여 App.vue에서 라우터로 호출하고 있습니다.

별도 페이지vue에서 이미지를 호출하기 위해 './../assets/이미지' or '@/assets/이미지' 경로 둘 다 활용해보았지만

마찬가지로 로컬에서는 이미지가 호출되고 웹에서는 404 not found error가 발생합니다.

vue.config.js에서 path 설정을 바꾸어야하는지..  아니면 다른 방법이 있는지 문의드립니다.