브라우저 캐쉬로 인한 문제점 해결

Vue.JS 로 앱을 배포하면서 생긴 문제점에 대해 이야기 해보려고 한다.

앱이 업데이트 되고 수시로 배포 하면서 배포된 JS보다 브라우저가 가지고 있는 JS 캐쉬를 먼저 뿌려주거나 혹은 chunk JS 가 다름에도 불구하고 브라우저 캐쉬에서 chunk JS 를 찾는 경우가 생겨 스크립트를 못찾아 화면이 로딩되지 않는 문제가 발생!(자주)

위와 같은 문제가 발생할 거라 생각은 못했고, 수시(하루에만 2~3번)로 앱을 배포에 했을때 생길 문제에 대해 알지못한 나의 무지..

아무튼 최종적으로 내놓은 해결책은 toos tech 에서 발견한 브라우저 캐쉬 생명주기 관리 였다

내용은 아래와 같음

https://toss.tech/article/smart-web-service-cache

웹 서비스 캐시 똑똑하게 다루기

우리 서비스 같은 경우 Apache 로 구성 되어 있고 브라우저 캐쉬 비활성화(만료기간 설정)을 통해 일단 해결..(내용은 구글링 검색하면 나옴)