comment forcer l'effacement du cache dans chrome lors de la nouvelle version Vue version de l'application

Question

J'ai créé une application avec vue-cli puis je construis le dossier dist pour la production.

L'application est déployée sur IIS avec flask backend et fonctionne bien.

Le problème survient lorsque je dois apporter des modifications et que je dois refaire le déploiement. Après cela, les utilisateurs m'appellent parce que l'application ne fonctionne pas, mais si je vide le cache chrome), l'application fonctionne à nouveau correctement.

Comment puis-je résoudre ce problème? Existe-t-il une méthode pour effacer automatiquement chrome cache lorsque je publie une nouvelle version d'application?

Merci

mon dossier dist

déploiement: copier et coller le dossier dist sur IIS

si les fichiers dans le dossier dist sont corrects, peut-être que le problème est dans le cache axios? j'ai fait quelques changements aussi pour reposer apis

Answer 1

Vous ne pouvez pas accéder au cache du navigateur, ce serait une énorme faille de sécurité.

Pour résoudre ce problème, vous devez envoyer des en-têtes avec vos réponses flask) indiquant au navigateur de ne pas mettre en cache votre application.

Ceci est un exemple pour express.js pour que vous ayez l'idée:

  setHeaders: function (res, path, stat) {
    res.set('Cache-Control', 'no-cache, no-store, must-revalidate') // HTTP 1.1
    res.set('Pragma', 'no-cache') // HTTP 1.0
    res.set('Expires', '0') // Proxies
  }

Vous pouvez en savoir plus sur la mise en cache ici .