vue-cli 에서 그림 포장 경로 오류 해결 방법

1035 단어 vuecli경로
최근 처음으로 vue-cli 구축 프로젝트 를 사 용 했 습 니 다.첫 번 째 포장 이 서버 에 배 치 됐 을 때 그림 이 불 러 오지 않 고 인터넷 과 결합 하 는 방법 을 모색 해 냈 습 니 다.프로젝트 를 서버 에 배치 하 는 것 은 두 가지 로 나 뉜 다.하 나 는 서버 에 직접 배치 하 는 루트 디 렉 터 리 이 고,다른 하 나 는 서버 의 하위 디 렉 터 리 에 배치 하 는 것 이다.
1.우 리 는 먼저 루트 디 렉 터 리 에 배치 하 는 것 이 바로 www.***.com 이다.
항목 에서 config 폴 더 의 index.js 파일 을 찾 습 니 다.
파일 에 있 는 assets PublicPath:'/'를 다음 상자 로 변경 합 니 다.
이러한 목적 은 절대 경 로 를 상대 경로 로 바 꾸 는 것 이다.
루트 디 렉 터 리 에 두 면 됩 니 다.

2.하위 디 렉 터 리 아래 에 두 기:www.**.com/community/dist
두 단계 로 나 뉘 는데 첫 번 째 는 위 와 똑 같 아 요.

경로 가 필요 하 다 면 router 폴 더 에 있 는 index 파일 을 다음 그림 처럼 바 꿉 니 다.

npm run build 명령 으로 포장 한 후 dist 파일 을 community 폴 더 에 넣 으 면 그림 이 표 시 됩 니 다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기