vue-cli 패키지 이미지 경로 오류 해결

이번에는 vue-cli 패키징 사진경로 오류에 대한 해결 방법을 알려드리겠습니다. vue-cli 패키지 이미지 경로 오류를 해결하기 위한 주의 사항은 무엇입니까?

최근에 vue-cli를 사용하여 처음으로 프로젝트를 빌드했는데, 처음으로 패키지해서 서버에 배포했을 때 사진을 로드할 수 없었습니다. 온라인 방법을 결합해서 알아냈습니다. 서버에 프로젝트를 배포하는 방법에는 두 가지 유형이 있습니다. 하나는 서버의 루트 디렉터리에 직접 배포하는 것이고, 다른 하나는 서버의 하위 디렉터리에 배포하는 것입니다

1. 먼저 루트 디렉터리에 배포해 보겠습니다. 예: www.****.com

프로젝트의 config 폴더에서 index.js 파일

을 찾으세요. 파일의setsPublicPath: '/'를 다음 상자로 변경합니다.

이것의 목적은 절대 경로를 상대 경로로 변경하는 것입니다

루트디렉토리에 넣으면 괜찮을거에요

2. 다음과 같은 하위 디렉터리에 넣으세요: www.***.com/community/dist

2단계로 나누어져 있으며 첫 번째 단계는 위와 같습니다

npm run build 명령으로 패키징한 후, 이미지가 표시될 수 있도록 dist 파일을 커뮤니티 폴더에 넣습니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

그림 생성을 위한 노드 운영 텍스트

AngularJs 사용자 로그인 시 상호 작용 및 확인 단계에 대한 자세한 설명

위 내용은 vue-cli 패키지 이미지 경로 오류 해결의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!