CSS/JS auto versioning .htaccess

Question

I'm having a problem with a rewrite rule that I'm using for auto versioning of my CSS and JS.

I have the following HTML code to include my stylesheet:

<link rel="stylesheet" type="text/css" href="includes/css/index_home.1364215354.css" />

I use this in my .htaccess to strip the dot and the 10 digits:

RewriteEngine On
RewriteRule ^(.*)\.[\d]{10}\.(css|js)$ $1.$2 [L]

When I load the site, the stylesheet fails to load even though if I point my browser to http://www.example.com/includes/css/index_home.css I can see the stylesheet.

The method I'm trying to use, I found here How to force browser to reload cached CSS/JS files?

I'm guessing the RewriteRule is the problem, but I don't know why.

Olaf Dietsche · Accepted Answer · 2013-03-25 16:47:20Z

1

The RewriteRule is fine so far. Maybe the problem lies in the relative URL and the request has some prefix.

If this is the case, you must be more specific (start with includes) and also don't anchor at the beginning of the request string. Also rewrite it to an absolute URL path

RewriteRule (includes/.*)\.[\d]{10}\.(css|js)$ /$1.$2 [L]

If you have multiple .htaccess files, the more specific (css) overrides the .htaccess nearer to the root directory. To merge these .htaccess files, you must use RewriteOptions Inherit or RewriteOptions InheritBeforein the css .htaccess file.

edited Mar 25, 2013 at 16:47

answered Mar 25, 2013 at 14:36

Olaf Dietsche

74.4k9 gold badges113 silver badges214 bronze badges

Sign up to request clarification or add additional context in comments.

12 Comments

Damian Over a year ago

Thanks Olaf. I've tried both methods but none have worked unfortunately

Damian Over a year ago

I've looked at my server logs and I'm getting the following error - File does not exist: /mysite.co.uk/httpdocs/includes/css/index_home.1364215354.css does that mean the RewriteRule isn't working or is that a red herring?

Damian Over a year ago

I've tried that too Olaf and still no joy. I've also been speaking to my web host and they have suggested it may be something to do with my server setup. I have 'FastCGI application' selected under 'php support' rather than 'apache module'. I'm not sure if this is what is causing the problem though?

Olaf Dietsche Over a year ago

@Damian Unlikely. This is just a different way how your PHP scripts are invoked. Since you have access to the server logs, you can see in the access.log what is actually requested. I guess httpdocs is your DocumentRoot. Where is the includes directory located?

Damian Over a year ago

Yes, httpdocs is the root and includes is directly below that. I've just had a look at the access.log and I can see the requested file is "GET /includes/css/index_home.1364215354.css HTTP/1.1"

|

Collectives™ on Stack Overflow

CSS/JS auto versioning .htaccess

1 Answer 1

12 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

12 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related