Wie kann man index.html dazu bringen, nicht zwischenzuspeichern, wenn sich der Inhalt der Website auf der AngularJS-Website ändert?

Normalerweise für .js und .css Datei werden wir während des Builds eine Version anhängen wie
xx.js?v=123, und nach der Bereitstellung der Website können wir die neue Version von js und CSS abrufen. Aber ich sehe keinen Ort, an dem darüber gesprochen wird, wie man das macht index.html Datei-Upgrade, wenn die Website-Bereitstellung erfolgt. Und wir sehen im IE, dass der HTML-Inhalt geändert werden sollte, aber er verwendet immer noch den alten HTML-Inhalt.

Eine Lösung, die ich von Google finde, ist zu

<meta http-equiv="Cache-control" content="no-cache">

Allerdings bin ich mir nicht sicher, ob das die beste Lösung ist?

Ja, das ist der richtige Weg. Sie müssen die einstellen Cache-Control -Header, um den Browsern mitzuteilen, dass sie für diese Anfrage keine Inhalte zwischenspeichern müssen.

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

(Pragma & Cache-Control ist ein und dasselbe, aber von der unterschiedlichen HTTP-Spezifikation. Siehe die Antwort hier: Unterschied zwischen Pragma- und Cache-Control-Headern?)

Siehe eine der zugehörigen Antworten hier: How to burst yeoman index.html cache

Wie in den Kommentaren erwähnt, ist es wirklich die Serverkonfiguration, die Sie sich ansehen möchten, aber Sie haben Ihr Setup nicht erwähnt. Wir betreiben unsere AngularJS-Site mit einem .NET-Backend unter Verwendung von IIS.

Wir aktualisieren unsere Website regelmäßig und hatten in der Vergangenheit Probleme mit dem Caching von JS- und CSS-Ressourcen, aber wir haben es durch die folgenden Einstellungen gelöst:

Bauen

Wir verwenden gulp, um unsere AngularJS-Anwendung zu erstellen, und als Teil davon hängen wir eine Versionsnummer an die Abfragezeichenfolge unserer CSS- und Javascript-Dateien unserer Hauptanwendung an, die sich häufig ändern. Zum Beispiel:

<link href="https://stackoverflow.com/questions/34851243/css/default.min.css?v=2" rel="stylesheet" />

Serverkonfiguration

In der root web.config geben wir an, dass wir die index.html nicht zwischenspeichern wollen, indem wir die setzen cache-control, Pragma und Expires Anforderungsheader sowie das maximale Alter auf 0 setzen.

<location path="index.html">
<system.webServer>
  <staticContent>
    <clientCache cacheControlMode="DisableCache" cacheControlMaxAge="0.00:00:00" />
  </staticContent>
    <httpProtocol>
        <customHeaders>
            <add name="Cache-Control" value="no-cache, no-store, must-revalidate" />
            <add name="Pragma" value="no-cache" />
            <add name="Expires" value="-1" />
        </customHeaders>
    </httpProtocol>  
</system.webServer>
</location>

Verweise:

• IIS-Client-Cache: https://docs.microsoft.com/en-us/iis/configuration/system.webserver/staticcontent/clientcache
• Cache-Control-HTTP-Header: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cache-Control
• Pragma-HTTP-Header: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Pragma
• Läuft HTTP-Header ab: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Expires

Indem man es einstellt content Wert zu 0laden Browser die Seite immer vom Webserver.

<meta http-equiv="expires" content="0">

Sie können IIS in den erweiterten Einstellungen der spezifischen Sites angeben, dass das Vorabladen nicht aktiviert ist. Die Leistung Ihrer Website wird jedoch darunter leiden. Überprüfen Sie auch, ob der Anwendungspool für die jeweilige Website über einen integrierten Pipelinemodus und eine .NET CLR-Version verfügt.

Fügen Sie dies einfach hinzu nginx Datei:

 location ~ \.html$ {
    add_header Cache-Control no-store;
 }