AngularJS http get cache ne fonctionne pas

Question

de travail sur cette application: https://billiving-qa.azurewebsites.net/spa1/#/invoices

Certains appels http devraient être mises en cache, mais pour une raison quelconque cela ne fonctionne pas:

function getStatuses() { 
      return $http.get('/v1/definitions/status', { cache: true }) 
      .then(function (response) { 
       return response.data; 
      }) 
     } 

Si vous regardez dans le réseau vous 'd' voir 'v1/definitions/status' n'est pas mis en cache bien que flag soit défini.

Merci

Answer 1

En fait, il est en cache de ce que je peux voir.

Le cache interne d'Angular ne stocke que des éléments en mémoire dans l'application elle-même, ce n'est pas la même chose qu'un cache de navigateur. Le cache d'Angular entre en jeu lorsque l'application tente de demander plusieurs fois la même URL, comme lors d'un retour en arrière et d'une quatrième entre les routes. Il saisit alors la réponse du cache au lieu de faire une autre requête http.

Ce qu'il ne fait pas, c'est mettre en cache des choses dans le navigateur. Si vous rechargez complètement la page, vous rechargez également l'application et tout ce qu'elle contient, comme le cache interne d'Angular. Dans ce cas, une nouvelle demande est faite.

Si vous souhaitez disposer d'un cache de niveau de navigateur pour qu'il soit mis en cache même lorsque la page est rechargée, vous devez gérer cela avec des en-têtes de cache du serveur, Angular n'a aucun contrôle sur cela.

À titre d'exemple, pour mettre en cache la demande pendant 1 heure

mise en cache

cache-control: public, max-age=3600