Nginx Cache Busting Rewrite Rule

Following on from an excellent guide on cache busting, we see how you can accomplish this in nginx

We wanted to add cache busting to the football tipster site I’m involved with because frankly we were doing too good a job at making the browser cache stuff in between visits.

We followed the CSS Tricks guide to Cache Busting and were able to easily incorporate the changes into some .htaccess rules that are powering the site. Perfect.

Our dev environment uses wp-vagrant which uses Nginx over Apache. This meant when we added the cache busting filenames some of our assets stopped loading.

Luckily we were able to rewrite the .htaccess rule as an Nginx one.

Snippet of Original Rule;

RewriteRule ^(.+)_(\d+)\.(js|css|png|jpg|gif)$ $1.$3 [L]

This rule lived within a mod_rewrite block and would need to be preceded by the standard incantations to get rewriting working

Rewritten Nginx Rule;

location / {
  rewrite ^/(.+)\.(\d+)\.(js|css|png|jpg|gif)$ /$1.$3 break;
}

The rewrite is incredibly similar, we replace [L] for its Nginx equivalent break.

Hope that helps!


Recent posts View all

Web Dev

What does --no-owner mean in Postgres?

You have read a guide to doing Postgres exports or imports and seen --no-owner, this is what it means

Web Dev

What does --no-acl mean in Postgres?

You have read a guide to doing Postgres exports or imports and seen --no-acl, this is what it means