vue-router 는 게 으 른 로 딩 의 실현(vue 프로젝트 의 첫 로 딩 느 린 해결)

웹 응용 프로그램 에서 시스템 의 병목 은 항상 시스템 의 응답 속도 에 있다.시스템 응답 속도 가 너무 느 리 면 사용자 들 이 원망 하고 시스템 의 가치 도 크게 떨어진다.따라서 시스템 응답 속 도 를 높이 는 것 이 중요 하 다.
게 으 른 로드(Load On Demand)는 독특 하고 강력 한 데이터 획득 방법 으로 사용자 가 페이지 를 굴 릴 때 자동 으로 더 많은 데 이 터 를 얻 을 수 있 으 며,새로 얻 은 데 이 터 는 기 존 데이터 의 표시 에 영향 을 주지 않 으 며,서버 측의 자원 소 모 를 최대한 줄 일 수 있다.
지연 로 딩 이 라 고도 합 니 다.즉,필요 할 때 로 딩 을 하고 랜 덤 으로 불 러 옵 니 다.
왜 게 으 름 피 워 야 합 니까?
vue 와 같은 단일 페이지 응용 프로그램 은 게 으 른 로 딩 을 사용 하지 않 으 면 웹 팩 으로 포 장 된 파일 이 매우 커서 첫 페이지 에 들 어 갈 때 불 러 와 야 할 내용 이 너무 많 고 시간 이 너무 길 면 나 옵 니 다.먼저 장시간 의 흰색 화면 을 사용 하면 loading 을 해도 사용자 체험 에 불리 하고 게 으 른 로 딩 을 사용 하면 페이지 를 구분 할 수 있 습 니 다.필요 할 때 페이지 를 불 러 올 수 있 습 니 다.홈 페이지 가 부담 하 는 로 딩 압력 을 효과적으로 분담 하여 홈 페이지 로 딩 시간 을 줄 일 수 있 습 니 다.
쉽게 말 하면 홈 페이지 에 들 어가 면 한 번 에 너무 많은 자원 을 불 러 오지 않 아 도 됩 니 다!!
어떻게 실현 합 니까?
게 으 른 로 딩 쓰기:

게 으 르 지 않 은 로 딩 경로 설정:

그리고 한 가 지 는 내 가 만 났 어.만약 에 네가 만 났 으 면 봐 봐.게 으 른 로 딩 을 한 후에 가방 을 치고 그 index.html 를 직접 실행 하면 오류 가 발생 할 수 있어.신문 파일 인용 오 류 는 사실 포장 할 때 경로 설정 에 문제 가 있어 서 수정 하면 돼.
다음 그림:
　　　　　
build 아래 webpack.prod.conf.js 를 찾 아 PublicPath:"./"를 추가 합 니 다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.