Rahil
Rahil

Reputation: 632

How to stop caching while using angularjs

I used AngularJS v1.5.7 with .net MVC WEB project, and my content is with in index.cshtml with ui-view.

For an reason, I found all of my html/js files are cached in chrome or any browser.

The changes i use to make to html/Js files are not getting reflected to browser until unless i clear browser cache manually. I am unable to see any changes that i made even after pressing F5 or ctrl+F5 ,

I am supposed to manually clear the browsing cache.

How do I prevent client to clear their browser cache when new versions are deployed on server.

How do I clear cache by programming when I deploy new version of my site.

Upvotes: 3

Views: 1601

Answers (2)

Aakash Prajapati
Aakash Prajapati

Reputation: 41

There Are Many Ways to do, I am going to provide one of those.

If you use manual reference then you can add update version on each release under you web config and also update string with version.

Add below to you code page

<script src="@Url.Content("~/scripts/case/addcase.js?v=" + Config.Version)" type="text/javascript"></script>

And You Also have to update Your web config file

<appSettings>
      <add key="Config.Version" value="2.0.9"/>
</appSettings>

Please check it with this and let me know if you face any issues. I am happy to help you.

Upvotes: 0

Kaushik Thanki
Kaushik Thanki

Reputation: 3548

There are various way to do so.

  1. First of all you can use bundling & magnification so it will automatically load new bundle on each release.
  2. If you have used manual reference then you can add query string with version. And can update version on each release under you web config.
<appSettings>
      <add key="Config.Version" value="2.0.9"/>
</appSettings>

under you page

<script src="@Url.Content("~/scripts/case/addcase.js?v=" + Config.Version)" type="text/javascript"></script>

Also if it is something related to angular, You can try

https://github.com/saintmac/angular-cache-buster

as suggeted by @Sajan Mullappally in comment

Upvotes: 3

Related Questions