SPA 배포 후 브라우저 캐시 이슈 관련 질문

Question

문제점 배포 후 브라우저 캐시로 인해 이전 리소스를 바라보고 있는 이슈 배포할 때마다 새로고침을 통해 리소스를 다시 로드해야함사용자는 인식하지 못 하는 문제현재 상황상용 운영 중인 서비스캐시 무효화리소스 요청, 응답 헤더 중 Etag, Last-Modified, Cache-Control: no-cache리소스를 캐시에 저장하지만 항상 서버 검증을 수행하는 것으로 이해프론트에서 빌드할때 청크 파일명에 해시값을 추가함라우팅 동적 임포트 사용코드 분할 및 지연 로딩을 이용하여 필요한 모듈을 로드하는 방식브라우저 캐시로 인해 웹서버에 존재하지 않는 청크 로드를 요청청크 에러가 발생의문점청크 파일명에 해시값을 추가해도 브라우저 캐시로 인해 HTML을 다시 로드하지 않으면 이전 리소스를 바라보는 것 아닌지이러한 상황에서 어떤 방식으로 해결해야 할지 질문드립니다.

qqqm · Answer

웹팩으로 번들링하고 있는데 html-webpack-plugin 이용하여 html 파일도 해시값을 붙여줘야하나...

SPA 배포 후 브라우저 캐시 이슈 관련 질문

1개의 답변

#spa 목록