vue.js 서버 배포 시 캐시 삭제 방안

vue.js 소스 수정 후, 서버에 배포하더라도 웹 브라우저의 캐시를 지우지 않으면 기존 반영된 내용이 그대로 남아있는 문제가 있다.

해당 문제에 대한 해결방안은 다음과 같다.

vue.js 프로젝트의 root 디렉토리 이동 -> package.json파일에서 version 변경

{
  "name": "project-name",
  "version": "0.1.1",
  "private": true,
  ...
}

 

/* Reference */

https://stackoverflow.com/questions/59648117/how-to-force-clearing-cache-in-chrome-when-release-new-vue-app-version

how to force clearing cache in chrome when release new Vue app version