首页 > 解决方案 > 如何防止 Angular 中特定模块的浏览器缓存

问题描述

当我们通过角度路由加载延迟加载模块并检查网络选项卡时,我们将看到:

(状态码=200 OK)

在此处输入图像描述

第二次,当我们再次加载相同的模块并检查网络选项卡时,我们将看到:

(状态码 =304 未修改)

在此处输入图像描述

正如我们所看到的,第二次从缓存中加载该模块,如何防止缓存?

标签: angularangular-routing

解决方案


要在构建期间生成唯一的包名称,您可以:

  1. 使用--outputHashing 选项ng build --prod --outputHashing=all

  2. 更新angular.json此路径下的配置:projects > [ project_name ] > architect > build > configurations > [ configuration_name ] > outputHashing- 设置为all

这样,散列名称会在每次构建时更新。每次用户刷新浏览器时,它都不会生成唯一的哈希值。


推荐阅读