Comment éviter le cache du navigateur sur le site Angular 2?

Question

Nous travaillons actuellement sur un nouveau projet avec des mises à jour régulières qui est utilisé quotidiennement par l'un de nos clients. Ce projet est développé en utilisant Angular 2 et nous rencontrons des problèmes de cache, c'est-à-dire que nos clients ne voient pas les derniers changements sur leurs machines.

Principalement, les fichiers html/css pour les fichiers js semblent être mis à jour correctement sans causer trop de problèmes.

Answer 1

Vous pouvez contrôler le cache client avec les en-têtes HTTP. Cela fonctionne dans n'importe quel framework web.

Vous pouvez définir les directives de ces en-têtes pour avoir un contrôle granulaire sur la manière et le moment d'activer|désactiver le cache :

• Cache-Control
• Surrogate-Control
• Expires
• ETag (très bon)
• Pragma (si vous souhaitez prendre en charge les anciens navigateurs)

Un bon caching est bon, mais très complexe, dans tous les systèmes informatiques. Consultez https://helmetjs.github.io/docs/nocache/#the-headers pour plus d'informations.