Vue 빌드를 패키징한 후 홈 페이지에 흰색 화면이 나타나면 어떻게 해야 하나요?

이번에는 Vue 빌드를 패키징한 후 홈페이지가 공백이 되는 경우 대처 방법에 대해 알려드리겠습니다. Vue 빌드를 패키징한 후 홈페이지에 흰색 화면이 나타나는 문제를 해결하기 위한 주의사항은 무엇인가요? 사례를 살펴보겠습니다.

1. 문제 설명

서버 측에서 로컬 vue 프로젝트를 탐색하는 데 문제가 없지만 npm run build 및 패키징을 실행한 후 로컬 미리보기가 흰색 화면입니다. js가 많아 CSS를 로드할 수 없습니다.

2. Solution

config 폴더에서 index.js를 찾아서 열고 assetsPublicPath: '/'를 아래 상자와 같이 변경하세요.

npm run build를 다시 실행하세요.

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

추천 도서:

vue-cli 패키지 코드 시 프로젝트 관련 구성 파일을 추출하는 방법

노드에서 JS 파일을 압축하고 병합하는 방법

위 내용은 Vue 빌드를 패키징한 후 홈 페이지에 흰색 화면이 나타나면 어떻게 해야 하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!