Disable nginx cache for JavaScript files

by

I have the following nginx virtual host (static content) for local development work to disable all browser caching:

server {
    listen 8080;
    server_name localhost;

    location / {
        root /your/site/public;
        index index.html;

        # kill cache
        add_header Last-Modified $date_gmt;
        add_header Cache-Control 'no-store, no-cache';
        if_modified_since off;
        expires off;
        etag off;
    }
}

No cache headers sent:

$ curl -I http://localhost:8080
HTTP/1.1 200 OK
Server: nginx/1.12.1
Date: Mon, 24 Jul 2017 16:19:30 GMT
Content-Type: text/html
Content-Length: 2076
Connection: keep-alive
Last-Modified: Monday, 24-Jul-2017 16:19:30 GMT
Cache-Control: no-store
Accept-Ranges: bytes

Last-Modified is always current time.

Note: nginx’s $date_gmt format is not per the HTTP spec (see changing the format).

To disable caching for a particular file extension (e.g. JS as requested by the OP):

location ~* \.js$ {
    expires -1;
}

See Nitai’s answer below to expand the list of file extensions – using a non-capturing group regex pattern.

Leave a Comment