title: Unexpected Chrome Caching Issue in MVC
body: <p>In our MVC 4 web application we are using Areas and standard/default route configuration.  For example, if we want to view the notes/comments records for a particular customer we have a route that looks like:</p>
  
  <pre><code>/Customers/Notes/Index/123
  </code></pre>
  
  <p>Where we have a Controller named Notes in the 'Customers' area with an action method named 'Index'.  Our default routing would actually allow us to specify the same action as:</p>
  
  <pre><code>/Customers/Notes/123
  </code></pre>
  
  <p>For completeness, the Index action looks something like this:</p>
  
  <pre><code>public ActionResult Index(int id)
  {
       var model = UnitOfWork.CustomerDb
          .GetNotes(id);
  
       return View(model);
  }
  </code></pre>
  
  <p>This result of this action is a simple data grid providing a chronological summary of the notes posted against a particular customer.  There's no AJAX or JSON involved.</p>
  
  <p>This all works well - apart from when using Chrome.  This browser appears to cache the page and render a previous page.  Refreshing the browser does not correct the problem, but if I clear the browser cache and then refresh, the correct data is rendered.</p>
  
  <p>I'm assuming that Chrome is ignoring the id parameter.  My questions are:</p>
  
  <ul>
  <li>Why does this only appear to be a problem with Chrome?</li>
  <li>Is this a known/common problem?</li>
  <li>Is there a recognised solution?</li>
  </ul>
  
  <p>I have used this, what I thought was safe technique, across the whole web application and have to confess I am confused as to why this is happening.</p>
  
  <p>Any information/advice would be much appreciated.</p>