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

Question

我在生产环境中有一个Web应用程序。用户每天都在使用它，当我发布更新时，用户回到该Web应用程序时，他/她查看该Web应用程序的旧版本。他需要刷新浏览器以加载新版本。我怎么解决这个问题？每当我发布更新时（每周3-4次），我都无法告诉数百名用户刷新页面。我已经使用以下代码来构建前端应用程序：Angular7与angular-cli。

Answer 1

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

这将产生必须与服务器端匹配的哈希。如果前端的缓存版本与哈希不同，则它们将获得该应用程序的新版本。假设您使用的是使用角度CLI的标准构建方式。

如果不是，那么您总是可以尝试以下类似的东西（未经测试）

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