RewriteCond %{REQUEST_URI} ^/[images|css|js]/
RewriteRule ^/(.*)$ /$1?ver=2 [L]
Now am using this code. But its not working.
-
Just comment that lines. Which framework u r using?Jackson– Jackson2016-12-08 09:10:28 +00:00Commented Dec 8, 2016 at 9:10
-
I'm trying to achieve this using htaccess, stack we are using is HTML,Angular,Core PHPMaria– Maria2016-12-08 10:09:23 +00:00Commented Dec 8, 2016 at 10:09
Add a comment
|
2 Answers
Htaccess solution :
You might want to use mod_headers functions Cache-Control and Expires, for the file types you want the browser to not cache :
<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>
PHP solution :
You could also load each resource with a different timestamp each time your page is shown :
<script type="text/javascript" src="myfile.js?time=<?php echo mktime(); ?>" />
<link rel="stylesheet" media="screen" href="/myfile.css?time=<?php echo mktime(); ?>">
Comments
A few other options too:
Browser hard refresh (Chrome)
Ctrl + F5 (or Ctrl + refresh button)
Time stamp after the CSS files (instead of time, use some sort of version control)
<script src="myjsfile.js?t=<?php echo time(); ?>"></script>
HTML meta no cache
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
.Htaccess (thanks to top answer here: How to prevent http file caching in Apache httpd (MAMP))
<filesMatch "\.(html|htm|js|css)$">
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>
