어떻게 추가합니까? V = 1 스크립트로드 새로운 자바 스크립트

Question

에서 HTML 5 boilerplate template 겪고들이

<!-- CSS : implied media="all" --> 
<link rel="stylesheet" href="css/style.css?v=1"> 

<!------ Some lines removed ------> 

<script src="js/plugins.js?v=1"></script> 

을 사용했다하지만 어떻게이 도움이하는 장소의 몇 가지 관찰하는 동안? 쿼리 문자열이 어떻게 작동합니까? 파일 이름을 변경하지 않았거나 쿼리 문자열 (? v = 1)을 사용하여 스크립트를 작성하지 않았습니다.

무엇이 누락 되었습니까? 파일 이름을 변경해야합니까, 아니면이 작업을 수행하기 위해 저장소가 있어야합니까?

Answer 1

1. 대부분의 웹 서버는 URL 끝 부분에 어떤 검색어를 입력했는지에 관계없이 정적 파일을 제공합니다.
2. 브라우저는 URL을 기반으로 데이터를 캐시합니다.
3. URL을 다른 것으로 변경하면 이전 URL에서 캐시 된 버전을 가져 오지 않지만 (1)을 지정하면 서버 디스크의 동일한 위치에 저장된 (새 버전의) 파일이 제공됩니다 .

하지만 어떻게 도움이됩니까? 쿼리 문자열이 어떻게 작동합니까? 파일 이름을 변경하지 않았거나 쿼리 문자열 (? v = 1)을 사용하여 스크립트를 작성하지 않았습니다.

그러면 도움이되지 않습니다. 파일을 변경할 때 쿼리 문자열을 변경해야합니다.

무엇이 누락 되었습니까? 나는 파일 이름을

없음

을 변경할 필요가 또는 확인이 작업을 얻을 수 있도록 내가 저장소가 필요합니까?

새 파일 버전을 릴리스 할 때 쿼리 문자열을 변경해야합니다.

한 가지 방법은 URL을 (예를 들어) 버전 제어 저장소의 파일을 마지막으로 변경 한 커밋 ID로 설정하는 빌드 스크립트를 사용하는 것입니다.

Answer 2

쿼리 문자열을 사용하면 브라우저에 "안녕하세요, 내 파일이 변경되었습니다"라고 말하면서 버전 번호를 업데이트하여 클라이언트 캐시를 강제로 새로 고칩니다. 그렇지 않으면 클라이언트가 로컬 캐시에 유효한 버전을 가지고 있으면 브라우저가 파일을 가져 오지 않습니다.

만약 내일, 당신은 CSS 파일을 변경하고, 당신은 모든 업데이트에 등

<link rel="stylesheet" href="css/style.css?v=2"> 

에 URL을 변경하여 자신의 캐시를 새로 클라이언트를 강제로 ... 수 있습니다.

이 방법을 사용하면 명시 적으로 CSS 링크를 업데이트하지 않는 한 브라우저가 정적 파일 캐시를 업데이트하지 않도록 HTTP 헤더 (1 개월 이상)에 캐시 헤더를 길게 설정할 수 있습니다.