Angular Service Worker 刷新服务器标头更新答案

【问题标题】：Angular service worker refresh on server headers updateAngular Service Worker 刷新服务器标头更新
【发布时间】：2019-07-03 19:45:53
【问题描述】：

我正在使用 Angular 7 和著名的 ngws-worker.js。

我部署了我的项目的新版本，刷新后看到由于 CSP 过于严格而导致的错误。我在我的服务器（nginx）上更新它，但我无法在客户端更新结果...

如果我禁用了 service worker，一切正常，会收到新的标头。

但似乎 service-worker 没有看到任何文件更新，因此它无法更新服务器标头...每次我重新启用 service-worker 时，它都会重新获取旧版本：/

有办法刷新吗？

我想我不明白它在内部是如何工作的..

谢谢！

【问题讨论】：

【解决方案1】：

根据this discussion，您可以禁用 ngws-worker.js 文件的 CSP 标头。任何不安全的内容都无法通过网页到达工作人员。

【讨论】：

问题依然存在；角度服务工作者刷新基于内容主体哈希，因此如果仅更新标题，服务工作者看不到它们
@Doubidou 那是不同的问题。为了处理它，我建议在 CI 管道期间将内部版本号呈现到您的客户端代码中，这样每次部署都会自动具有新的构建版本和不同的代码哈希。