wake-up-neo.com

So erzwingen Sie das Löschen des Caches in chrome bei Veröffentlichung der neuen Vue App-Version)

Ich habe eine App mit vue-cli Erstellt und dann den Ordner dist für die Produktion erstellt.

Die App wird auf IIS mit flask Backend) bereitgestellt und funktioniert einwandfrei.

Das Problem tritt auf, wenn ich einige Änderungen vornehmen und die Bereitstellung wiederholen muss. Danach rufen mich Benutzer an, weil die App nicht funktioniert. Wenn ich jedoch den Cache chrome) lösche, funktioniert die App wieder einwandfrei.

Wie kann ich dieses Problem beheben? Gibt es eine Methode, um chrome Cache automatisch zu löschen, wenn ich eine neue Anwendungsversion veröffentliche?

Vielen Dank

mein dist Ordner

(enter image description here

bereitstellung: Kopieren und Einfügen des Ordners dist auf IIS

wenn die Dateien im Ordner dist korrekt sind, liegt das Problem möglicherweise im Axios-Cache? Ich habe einige Änderungen vorgenommen, um auch Apis auszuruhen

4
nickb84

Sie können nicht auf den Cache des Browsers zugreifen, das wäre eine große Sicherheitslücke.

Um dies zu beheben, müssen Sie einige Header mit Ihren flask - Antworten senden, die dem Browser mitteilen, dass er Ihre App nicht zwischenspeichern soll.

Dies ist ein Beispiel für express.js damit Sie auf die Idee kommen:

  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
  }

Sie können viel mehr über Caching lesen hier .

0
rodurico