웹 프로젝트를 개발하는 동안 CSS 및 JS 파일을 업데이트 한 후에는 종종 캐시 문제가 발생하지만 브라우저에서 액세스 할 때는 변경되지 않았습니다 두 가지 솔루션에 이어 :
1. 브라우저 캐시를 수동으로 지우십시오
2. 버전 번호 추가 (예 : layout.css? v = 1)
브라우저 캐시가 브라우저가 응답 할 때까지 기다려야하기 때문에 개인적으로 방법 2가 더 빠르다고 생각합니다. 그러나 버전 번호도 매번 번거롭기 때문에 버전 번호를 자동으로 추가하는 방법을 찾아야합니다.
다음은 나 자신을 수집하는 방법입니다.
방법 1 : JS를 통해 HTML에 버전 번호를 자동으로 추가 할 수 있습니다.<script type = text/javaScript> document.write (<link roth = 'stylesheet'type = 'text/css'href = '/css/layout.css? v =+new 날짜 (). >);방법 2 : JSP 페이지 인 경우 Java 코드를 사용하여 타임 스탬프를 생성 할 수 있습니다 (JSP 페이지가 사용되는 경우이 메소드는 더 편리합니다).
<링크 rel = 스타일 시트 유형 = 텍스트/css href =/css/layout.css?방법 3 : 다른 방법을 사용하여 Node.js 자동 구성 등과 같은 버전 번호를 추가하십시오.
PS : 캐시를 제거하는 목적은 온라인으로 페이지의 업데이트를 보는 것입니다 업데이트해야 할 때.
위는이 기사의 모든 내용입니다.