디렉토리 구조:
코드:
으아아아로컬 서버에서 실행할 때는 정상적으로 로드할 수 있지만,
서버(tomcat)에 배치하면 로드할 수 없습니다. 프로젝트는 webapp/myproject/ 디렉터리에 배포됩니다.
파일에서 요청해야 하는 이미지 경로는 다음과 같습니다. 서버는 http://1.1.1.1:8080/ myproject...
하지만 실제 요청한 이미지 경로는 http://1.1.1.1:8080/static/im...
vue에서 이미지 경로를 다음과 같이 작성하는 방법 서버 루트 디렉토리가 아닌 현재 디렉토리
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
저도 이런 경우를 겪었습니다. 이때 이미지 경로는 로컬일 때 <img src="./title.png" /> . 서버에 배치되면 < ;img src="/myproject/static/img/title.45ae5f4.png" />입니다. 물론 위의 방법이 더 낫습니다
스캐폴딩을 사용하는 경우 구성에서 여러 JS, 특히 index.js의 사용에 익숙해지세요
으아악