how to handle browser cache with angularjs and nodejs?

Question

currently i am using angularjs and nodejs

i have some angular templates in my server, when the angular requesting the template, the template will be rendered in browser and it will be cached by the browser, if suppose i am changing the layout of the template and updating the template which is in server, now when the user is redirected to the same template the browser renders the template from the browser cache which is old one.

how to overcome this problem?

NOTE : i don't want to clear my whole browser cache since it will affect my overall website performance.

Benjamin Gruenbaum · Accepted Answer · 2013-03-30 18:13:52Z

2

Practical

On some page you are not caching, you can append ?ver= to the url to "break" the cache. Whenever you change the URL it will cause the browser to reload the resource. Add ?ver= to cached resources and change it when you want a reload.

Interesting but less practical

Creating a single page app, I solved this sort of issue using AppCache. With application cache you can ask the page to reload a resource. From the linked page:

// Check if a new cache is available on page load.
window.addEventListener('load', function(e) {

  window.applicationCache.addEventListener('updateready', function(e) {
    if (window.applicationCache.status == window.applicationCache.UPDATEREADY) {
      // Browser downloaded a new app cache.
      // Swap it in and reload the page to get the new hotness.
      window.applicationCache.swapCache();
      if (confirm('A new version of this site is available. Load it?')) {
        window.location.reload();
      }
    } else {
      // Manifest didn't changed. Nothing new to server.
    }
  }, false);

}, false);

Note, this only works on new browsers like Chrome, Firefox, Safari, Opera and IE10. I wanted to suggest a new approach.

answered Mar 30, 2013 at 18:13

Benjamin Gruenbaum

278k90 gold badges524 silver badges524 bronze badges

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

1 Comment

charlietfl Over a year ago

for ?ver= adding tmestamp as value will assure unique url at all times, therefore no cache

Collectives™ on Stack Overflow

how to handle browser cache with angularjs and nodejs?

1 Answer 1

Practical

Interesting but less practical

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Practical

Interesting but less practical

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related