(Angular 4，AOT，CACHE REFRESH)如何强制最终用户在服务器上发生代码更改时进行硬刷新

Question

当我准备将代码更改为服务器上时，我会使用Angular AOT构建和编译并复制文件。有时，最终用户不会进行这些更改，而必须进行艰苦的刷新，或者进入其浏览器历史记录并清除缓存的图像和文件。当我在服务器上更改代码时，强制刷新的推荐方法是什么？

我已经阅读了有关将版本编号附加到.css和.js文件的信息想确保我做得正确。

另外，我正在使用IIS托管该网站，因此，如果有一种方法可以通过ISS实现令人耳目一新的方法。

Answer 1

使用ng build --prod构建时，这也暗示AOT，生成的捆绑包也有新名称。

一种常见的方法是配置IIS以永远不允许index.html的缓存。，下载。

与此相关。

另外，您可以Google'Cache buting'"找到很多资源。

Answer 2

为此，您可以将IIS设置为不缓存index.html文件。为此，您必须只包含web.config文件，然后将此设置添加到其中。

<configuration>
  <location path="index.html">
    <system.webServer>
      <httpProtocol>
        <customHeaders>
          <add name="Cache-Control" value="no-cache" />
        </customHeaders>
      </httpProtocol>
    </system.webServer>
  </location>
</configuration>