如何防止Angular 7站点上的浏览器缓存？

Question

我在生产环境中有一个web应用程序。用户每天都在使用它，当我发布更新时，当用户返回到web应用程序时，他/她会查看web应用程序的旧版本。他需要刷新浏览器才能加载新版本。我该如何解决这个问题？我不能让数百个用户在每次发布更新时都刷新页面(一周3-4次)。我使用以下代码来构建我的前端应用程序: Angular7 with angular-cli。

Answer 1

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

这会产生一个必须与服务器端匹配的散列。如果缓存的前端版本与散列不同，他们将获得应用程序的新版本。这里假设您使用的是使用angular CLI进行构建的标准方法。

如果你不是，你可以尝试一些像下面这样的黑客行为(未经测试)

@Component({
templateUrl: './app/something/something/something.html?v=' + Math.random()
stylesUrls: ['./app/something/something/something.html?v=' + Math.random()]
})