角度服务工作者导致两次呼叫

Question

我刚刚安装了Angular cli的服务工作者：

https://medium.com/@amcdnl/service-worker-pwas-with-the-angular-cli-98a8f16d62d6

我在任何地方都做了任何改变，因此我的配置应该是标准的。 我可以看到我的服务工作者提供的静态资源。然而，令人震惊的是，有些人做了两次（例如inline.bundle.js）

我对这里的界面有点困惑，请求实际上没有完成两次吗？

Answer 1

这似乎正常，具体取决于服务工作者的配置方式。

这里最有可能发生的事情是：

• SW缓存
• 下次SW使用缓存资产进行响应
• 在使用缓存资产进行响应后，SW会检查服务器中的文件以查看其是否已更改
• 如果服务器上的资产已更改，则SW会将缓存版本替换为新版本

这导致网络面板显示＆＃34;两个请求＆＃34;对于同一个文件。如果您查看网络面板， 第二个请求左侧的小图标表示 ＆＃34;此请求是从服务工作者＆＃34;发起的。该图标告诉您，SW需要来自网络的东西。

这可能不是最佳选择。在您的情况下，资产文件名是这个或那个的散列，因此每次您对代码进行更改并发布新版本的网站时，文件名更改。当文件名更改时，SW不应该有任何理由向网络查询更新的文件内容。如果名称发生变化，则表示新文件;如果没有，没有任何改变。但这是SW框架/库/无论具体什么，我不知道如何在您的情况下配置它。从更大的角度来看，只需了解一些事情。