javascript - vue에서 참조된 이미지가 서버에 배포될 때 로드되지 않습니다.

Question

디렉토리 구조:

코드:

으아아아

로컬 서버에서 실행할 때는 정상적으로 로드할 수 있지만,
서버(tomcat)에 배치하면 로드할 수 없습니다. 프로젝트는 webapp/myproject/ 디렉터리에 배포됩니다.
파일에서 요청해야 하는 이미지 경로는 다음과 같습니다. 서버는 http://1.1.1.1:8080/ myproject...
하지만 실제 요청한 이미지 경로는 http://1.1.1.1:8080/static/im...
vue에서 이미지 경로를 다음과 같이 작성하는 방법 서버 루트 디렉토리가 아닌 현재 디렉토리

Answer 1

이 문제가 이전에 발생했는데 문서로 컴파일되었습니다. 수정해야 할 것은 웹팩 구성을 만든 다음 다시 패키징하는 것입니다

Answer 2

저도 이런 경우를 겪었습니다. 이때 이미지 경로는 로컬일 때 <img src="./title.png" /> . 서버에 배치되면 < ;img src="/myproject/static/img/title.45ae5f4.png" />입니다. 물론 위의 방법이 더 낫습니다

Answer 3

스캐폴딩을 사용하는 경우 구성에서 여러 JS, 특히 index.js의 사용에 익숙해지세요

으아악