.htaccess를 사용하여 CSS, JS 및 이미지 파일의 브라우저 캐싱을 피하는 방법은 무엇입니까?

Question

RewriteCond %{REQUEST_URI} ^/[images|css|js]/ 
RewriteRule ^/(.*)$ /$1?ver=2 [L] 

이제이 코드를 사용하고 있습니다. 그러나 그것은 작동하지 않습니다.

Answer 1

htaccess로 솔루션 :

당신은에 캐시하지 브라우저를 원하는 파일 형식 mod_headers 기능 Cache-Control 및 Expires을 사용할 수 있습니다

<filesMatch "\.(js|css|jpg|jpeg|png|gif)$"> 
FileETag None 
<ifModule mod_headers.c> 
Header unset ETag 
Header set Cache-Control "max-age=0, no-cache, no-store, must-revalidate" 
Header set Pragma "no-cache" 
Header set Expires "Wed, 11 Jan 1984 05:00:00 GMT" 
</ifModule> 
</filesMatch> 

Source

PHP 솔루션 :

<script type="text/javascript" src="myfile.js?time=<?php echo mktime(); ?>" /> 
<link rel="stylesheet" media="screen" href="/myfile.css?time=<?php echo mktime(); ?>"> 

Answer 2

도 몇 가지 다른 옵션 :

또한 다른 타임 스탬프와 함께 페이지가 표시 될 때마다 각 리소스를로드 할 수

브라우저 새로 고침 (크롬)

Ctrl + F5 (또는 Ctrl + 새로 고침 버튼)

CSS를 파일 후 6,510,403,210 타임 스탬프

<script src="myjsfile.js?t=<?php echo time(); ?>"></script> 

HTML 메타없는 캐시

<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 

htaccess로 (덕분에 최고 대답 (대신 시간은, 버전 관리의 일종을 사용) 여기에 : How to prevent http file caching in Apache httpd (MAMP))