로컬에서 img src 보여주는 방법

Question

안녕하세요 업무 진행중에 막혀서 질문 드립니다..말 그대로 로컬의 이미지 파일을 웹에서 보여주는 형식으로 기능을 구현하고 있습니다.addResourceHandler 이용해서 로컬 파일 가져오는 경로 설정해주고 img src 적용했습니다.그런데 지금 현재 vuejs 이용하여 화면 포트번호인 3000번과 서버 포트번호인 8800번 두개가 있습니다.이미지파일은 포트번호가 8800으로 되어있는데 화면 img태그에 src 를 쓰면 포트번호를 3000번으로 가져와서 이미지 파일이 없다고 합니다 혹시 해결책을 아시는분 계신가요 ㅠㅠ갑작스럽게 vue.js 를 사용하게 되어서 너무 어렵네여...나중에는 서버에 올려야 해서 localhost:port 를 하드코딩으로 하는건 어려울것 같은데 어떻게 작업해야 좋을지를 모르겠습니다..

코딩찡찡이 · Answer

로컬 이미지의 파일은 말 그대로 로컬 이미지인데 그걸 웹상에서 다른사람도 볼 수 있게 하고 싶으시다구요? 빌드나 다른 과정을 거쳐서 배포하는게 아닌가요? 그리고 로컬과 배포용 환경변수로 나누어서 작업하시는게 좋아보이시네요.

호홍 · Answer

의견 감사합니다 지금 하고 있는 기능이 웹상에서 업로드한 이미지가 로컬 경로에 저장이 되고 그 로컬 경로에 저장되어 있는 이미지를 경로와 이름 만으로 img src 태그를 사용하여 미리보기 기능을 만들어야 합니다

코딩찡찡이 · Answer

그러니까 이미지를 로컬에서 업로드하고 그걸 실제로 디비에 저장하기 전에 미리보기로 보고싶다는거죠?

로컬에서 img src 보여주는 방법

3개의 답변

#img 목록