Meilleure façon D'empêcher IE Cache à AngularJS?

comme décrit dans l'un de mes autres posts , vous pouvez désactiver la mise en cache globale dans le $httpProvider:

myModule.config(['$httpProvider', function($httpProvider) {
    //initialize get if not there
    if (!$httpProvider.defaults.headers.get) {
        $httpProvider.defaults.headers.get = {};    
    }    

    // Answer edited to include suggestions from comments
    // because previous version of code introduced browser-related errors

    //disable IE ajax request caching
    $httpProvider.defaults.headers.get['If-Modified-Since'] = 'Mon, 26 Jul 1997 05:00:00 GMT';
    // extra
    $httpProvider.defaults.headers.get['Cache-Control'] = 'no-cache';
    $httpProvider.defaults.headers.get['Pragma'] = 'no-cache';
}]);

pour les utilisateurs ASP.NET la solution équivalente serait la suivante (L'API Web n'utilise pas la même logique de mise en cache que MVC):

public class NoCacheHeaderFilter : ActionFilterAttribute
{
    public override void OnActionExecuted(HttpActionExecutedContext actionExecutedContext)
    {
        if (actionExecutedContext.Response != null) // can be null when exception happens
        {
            actionExecutedContext.Response.Headers.CacheControl =
                new CacheControlHeaderValue { NoCache = true, NoStore = true, MustRevalidate = true };
            actionExecutedContext.Response.Headers.Pragma.Add(new NameValueHeaderValue("no-cache"));

            if (actionExecutedContext.Response.Content != null) // can be null (for example HTTP 400)
            {
                actionExecutedContext.Response.Content.Headers.Expires = DateTimeOffset.UtcNow;
            }
         }
    }
}

puis le joindre dans WebApiConfig.cs:

public static void Register(HttpConfiguration config)
{
    ....
    config.Filters.Add(new NoCacheHeaderFilter());

    config.Routes.MapHttpRoute(
        name: "DefaultApi",
        routeTemplate: "api/{controller}/{id}",
        defaults: new { id = RouteParameter.Optional }
    );
}

activer noCache dans l'instance is était le meilleur moyen d'accomplir ceci:

dans node / express ceci fonctionne pour empêcher IE de cacher ces requêtes:

app.use(function noCache(req, res, next) {
    res.header("Cache-Control", "no-cache, no-store, must-revalidate");
    res.header("Pragma", "no-cache");
    res.header("Expires", 0);
    next();
});

vous pouvez ajouter un intercepteur pour générer une url de requête unique. Vous pouvez également supprimer la console.les appels du journal

myModule.config(['$httpProvider', function($httpProvider) {
 $httpProvider.interceptors.push('noCacheInterceptor');
}]).factory('noCacheInterceptor', function () {
            return {
                request: function (config) {
                    console.log(config.method);
                    console.log(config.url);
                    if(config.method=='GET'){
                        var separator = config.url.indexOf('?') === -1 ? '?' : '&';
                        config.url = config.url+separator+'noCache=' + new Date().getTime();
                    }
                    console.log(config.method);
                    console.log(config.url);
                    return config;
               }
           };
    });

Je l'obtiens résolu par:

$http.get("/your_url?rnd="+new Date().getTime()).success(function(data, status, headers, config) {
    console.log('your get response is new!!!');
});

alors que cette approche:

myModule.config(['$httpProvider', function($httpProvider) {
    //initialize get if not there
    if (!$httpProvider.defaults.headers.get) {
        $httpProvider.defaults.headers.get = {};    
    }
    //disable IE ajax request caching
    $httpProvider.defaults.headers.get['If-Modified-Since'] = '0';
}]);

est correct, " 0 " n'est pas une valeur valide pour l'en-tête If-Modified-Since. Il doit s'agir d'une date HTTP valide, par exemple:

If-Modified-Since: Sat, 29 Oct 1994 19:43:31 GMT

selon le spec :

un destinataire doit ignorer le champ d'en-tête "If-Modified-Since" si le champ

received field-value n'est pas une date HTTP valide, ou si la requête

la méthode n'est ni GET ni HEAD.

donc mieux vaut être sûr que désolé et utiliser une date réelle dans le passé.

si vous avez un contrôle sur la sortie du serveur, il serait préférable de ne pas ajouter d'en-têtes de mise en cache à la place.

Koajs équivalent de la réponse de binarygiant:

app.use(route.get('*', noCache));

function* noCache(path, next){
    this.set('cache-control', 'no-cache, no-store, must-revalidate');
    this.set('pragma',  'no-cache');
    this.set('expires', 0);
    yield next;
}

ma solution était d'ajouter Cache-Control: no-cache en-tête sur le serveur, plus ajouter $templateCache.remove() avant de changer d'état. J'utilise angular-ui / ui-router. J'avais un problème avec IE11 et Edge browser.

$templateCache.remove('/partials/details.html');
$state.go('details');

une solution évidente est d'utiliser des urls uniques. Mais comment le routeur url changé de poste d'initialisation Désactiver les caches de navigateur n'est pas une option, puisque nous en avons besoin pour les opérations normales. Vous pouvez supprimer les templates de $ templateCache quand ils ne sont pas plus nécessaire. ( http://docs.angularjs.org/api/ng .$ templateCache). Ces nouveaux fichiers sont ajoutés au cache dès que le téléchargement est terminé.