미리보기 점검표

배포 전 dist를 실제 서비스처럼 열어 검증한다

개발 서버가 아니라 빌드 결과물을 기준으로 경로, 환경 변수, 정적 리소스, 라우팅을 확인해야 배포 후 오류를 줄일 수 있다.

검증 시작 npm run preview
1

파일 생성 확인

dist 안에 index.html과 assets의 해시 파일이 만들어졌는지 본다.

2

정적 리소스 경로

이미지, CSS, JS 요청이 404 없이 내려오는지 네트워크 탭에서 확인한다.

3

환경 값 분리

운영 API 주소처럼 빌드 시점에 고정되는 값이 맞는 환경을 보는지 점검한다.

4

새로고침 라우팅

깊은 주소에서 새로고침해도 앱이 열리도록 서버 fallback 설정을 확인한다.