캐시 관련하여 질문 드립니다

Question

안녕하세요 nuxt.js 를 사용하여 SPA 방식으로 사이트를 구축하였습니다아래는 개발 환경입니다프론트앤드 : nuxt 2.2.0 | vue 2.9.6 | npm 6.6.0 | node 10.15.0백엔드 : api-gateway, lambda, graphql을 사용하였습니다 배포를 할때 변경된사항이 있다면 nuxt에서 자동으로 webpack을 사용하여 번들링을 해주어서 js, css의 파일의 명칭을 변경해 주더라구요그래서 캐시에 대한 생각은 안하고 있었는데 사이트를 접속시에 변경된 js, css가 적용이 안되고예전의 파일들을 캐싱하여 사이트를 보여 주더군요...변경된 파일들을 확인하려면 브라우저의 캐시를 삭제해야 보여지는 상황입니다...변경된 파일을 즉각적으로 브라우저에 적용 시키려면 어떻게 해야하는지 고수님들의 답변이 필요합니다 ㅠㅠ

도라도로떠납니다 · Answer

1. 크롬기준 -> 개발자도구 -> network -> disabled cache 체크이렇게하면 개발자도구 떠 있는한 브라우저 캐시 안합니다 2. 크롬 확장프로그램 -> clear cache 설치해놓고 캐시될때마다 눌르시면 캐시 지워집니다

니쿠네임 · Answer

도라도로떠납니다 답변 감사합니다 :) 크롬 개발자 도구를 사용하여 캐시를 삭제하는 방법 말고 nuxt 시스템 상에서 설정하는 부분은 따로 없는건가요??? nuxt가 아니더라도 캐시를 삭제할수 있는 방법을 알수있을까요??

도라도로떠납니다 · Answer

파일명.js?[난수]이런식으로 직접만들어서 보내면 파일들을 캐시하지않습니다저는 이럴때 new Date().getTime() 이런식으로 숫자 만들어서 보내는방법을씁니다

캐시 관련하여 질문 드립니다

3개의 답변

Q&A 목록