如何在 Angular 中从 js 执行空缓存和硬重新加载？

Posted 2023-03-28

【中文标题】如何在 Angular 中从 js 执行空缓存和硬重新加载？

【英文标题】：How to do Empty Cache and Hard Reload from js in Angular?

【发布时间】：2021-11-03 15:24:54

【问题描述】：

当我发布我的应用程序的更新时，我希望确保下载所有文件 .js、.png 等时状态为 200，而不是 304。

我试过用这个方法：

window.location.reload(true);

但是之后可以看到有些文件还在304状态下下载。

如何在Angular中从js中做空缓存和硬重新加载以强制所有文件以304状态下载？

【参考方案1】：

您可以在创建生产版本时使用output-hashing 强制重新加载，请参阅文档https://angular.io/cli/build。 该文档将其声明为：

定义输出文件名缓存清除哈希模式。

如果您将其设置为 all，则会向生成的构建文件添加一个唯一的哈希，从而强制客户端浏览器从 http 服务器重新加载文件。