title: Prevent HTML caching on certain pages
body: <p>I am trying to cache only my assets and not the actual HTML page for a couple of pages on my site.  </p>
  
  <p>Currently my cache control header is set to this:</p>
  
  <pre><code>cache-control: max-age=0, no-cache, must-revalidate
  </code></pre>
  
  <p>my .htaccess file</p>
  
  <pre><code># 1 Day for most static assets
  &lt;filesMatch ".(css|jpg|jpeg|png|gif|js|ico|JPG|woff)$"&gt;
  Header set Cache-Control "max-age=2592000, public"
  &lt;/filesMatch&gt;
  </code></pre>
  
  <p>On mobile, when a user opens my site browses to a given page, closes their browser app and then reopens, the page is loaded from cache. </p>
  
  <p>When I set the following headers the mobile browser properly reloads the page when the browser is reopened, but now it reloads everything (javascript, css, images, etc). I only want the html to reload. </p>
  
  <pre><code>response.headers["Cache-Control"] = "no-cache, no-store"
  response.headers["Pragma"] = "no-cache"
  response.headers["Expires"] = "Fri, 01 Jan 1990 00:00:00 GMT"
  </code></pre>
  
  <p>How can I accomplish this?</p>
  
  <p>Thanks in advance. </p>
  
  <p>Updated .htaccess file</p>
  
  <pre><code>&lt;IffilesMatch ".(css|jpg|jpeg|png|gif|js|ico|JPG|woff)$"&gt;
  Header set Cache-Control "max-age=2592000, public"
  &lt;/If&gt;
  &lt;Else&gt;
  Header set Pragma "no-cache"
  Header set Expires = "0"
  Header set Expires = "Fri, 01 Jan 1990 00:00:00 GMT"
  Header set Cache-Control = "no-cache, no-store"
  &lt;/Else&gt;
  </code></pre>