Wie Sie verhindern, dass der Browser-cache auf Winkel-2 Seite?

Wir arbeiten derzeit an einem neuen Projekt mit regelmäßigen updates verwendet wird täglich von einem unserer Kunden. Dieses Projekt wird entwickelt, mit Winkel 2 und wir sind mit cache Probleme, dass unsere Kunden sind nicht zu sehen, die neuesten änderungen auf Ihren Rechnern.

Hauptsächlich die html - /css-Dateien für die js-Dateien scheinen korrekt aktualisiert, ohne viel Mühe.

InformationsquelleAutor der Frage Rikku121 | 2016-09-22

  1. 53

    Winkel-cli löst diese bravourös durch die Bereitstellung eines --output-hashing flag für die bauen Befehl. Beispiel:

    ng build --aot --output-hashing=all

    Bündelung & Baum-Schütteln enthält einige details und den Kontext. Läuft ng help build Dokumente der Flagge:

    --output-hashing=none|all|media|bundles (String) Define the output filename cache-busting hashing mode.
aliases: -oh <value>, --outputHashing <value>

    Obwohl dies gilt nur für Benutzer von Winkel-clies funktioniert hervorragend und benötigt keine code-änderungen oder zusätzliche Werkzeuge.

    InformationsquelleAutor der Antwort Jack

  2. 29

    Einen Weg gefunden, um dies zu tun, fügen Sie einfach ein querystring-laden Sie Ihren Komponenten, etwa so:

    @Component({
  selector: 'some-component',
  templateUrl: `./app/component/stuff/component.html?v=${new Date().getTime()}`,
  styleUrls: [`./app/component/stuff/component.css?v=${new Date().getTime()}`]
})

    Dies sollte erzwingen, dass den client zum laden der server-Kopie der Vorlage anstelle des Browsers.
    Wenn Sie möchten, es zu aktualisieren nur nach einer gewissen Zeit können Sie diese ISOString statt:

    new Date().toISOString() //2016-09-24T00:43:21.584Z

    Und substring einige Zeichen, so dass es nur nach einer Stunde zum Beispiel:

    new Date().toISOString().substr(0,13) //2016-09-24T00

    Hoffe, das hilft

    InformationsquelleAutor der Antwort Rikku121

  3. 10

    In jede html-Vorlage, die ich fügen Sie einfach die folgenden meta-tags an der Spitze:

    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">

    In meinem Verständnis jede Vorlage ist frei stehend daher nicht Erben meta-kein caching-Regeln einrichten, die in der index.html Datei.

    InformationsquelleAutor der Antwort Rossco

Schreibe einen Kommentar