vue 에서 웹 팩 으로 포장 한 후 파일 을 실행 하 는 문제 및 관련 설정 방법
최근 에 vue 로 작은 프로젝트 를 썼 는데 그 중에서 vue 비계 도구 인 vue-cli 를 사 용 했 습 니 다.포장 후 실행 할 수 있 는 지 테스트 하 는 과정 에서 많은 문제 가 발생 했 고 인터넷 에서 이런 문제 들 의 답 을 찾기 가 쉽 지 않 습 니 다.쓸데없는 말 을 하지 않 고 본론 으로 들 어 갑 니 다.
a.포장 명령 실행:npm run build
b.압축 한 후 생 성 된 폴 더 는 루트 디 렉 터 리 의 dist 파일 입 니 다.
c.dist 에 들 어가 기
이 index.html 를 실행 하기 전에 포장 설정 문 제 를 말씀 드 리 겠 습 니 다.
config 폴 더 에서 index.js 파일 을 볼 수 있 습 니 다.이 파일 을 열 면 몇 가지 속성 이 있 습 니 다.
assetsRoot: path.resolve(__dirname,'.../dist')//사실 이것 은 방금 포장 한 루트 디 렉 터 리 폴 더 dist 입 니 다.모든 파일 이 여기에 출력 됩 니 다.
assets SubDirectory:'static'//기본 값 은 css,fonts,images,js 를 이 폴 더 에 출력 하 는 것 입 니 다.그러나 저 는 assets SubDirectory:'로 바 뀌 었 습 니 다.그래서 위의 그림 은 dist 아래 에 직접 출력 되 었 습 니 다.즉,이 매개 변 수 는 정적 파일 의 출력 디 렉 터 리 를 설정 한 것 입 니 다.
assets PublicPath:'/'이것 이 정적 파일 참조 접두사 입 니 다.
index.html 파일 에서 모든 js,css 파일 의 인용 경 로 를 볼 수 있 습 니 다.서버 에서 실 행 될 때 파일 을 찾 지 못 하면 다음 그림 과 같 습 니 다.
대부분의 경우 매개 변수 설정 문제 입 니 다.index.html 파일 의 경로 에 따라 테스트 를 통 해 해결 할 수 있 습 니 다.그렇지 않 으 면 메 시 지 를 남 겨 서 같이 교류 할 수 있 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Fastapi websocket 및 vue 3(Composition API)1부: FastAPI virtualenv 만들기(선택 사항) FastAPI 및 필요한 모든 것을 다음과 같이 설치하십시오. 생성main.py 파일 및 실행 - 브라우저에서 이 링크 열기http://127.0.0.1:...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
