Angular Service Worker - 数据组不起作用

Question

我正在尝试使用 Angular Service Worker，一切正常，除了 dataGroups 不适合我。

这就是我在ngsw-config.json 中的内容：

{
  ...
  "dataGroups": [
    {
      "name": "api-performance",
      "urls": [
        "/shipments/**"
      ],
      "cacheConfig": {
        "strategy": "performance",
        "maxSize": 100,
        "maxAge": "3d"
      }
    }
  ]
}

在我的网络选项卡中，我看到服务人员总是进行服务器调用，然后回退到缓存。见附图。

dataGroups - Performance

请注意，我调用的 API 位于不同的服务器上，localhost 与 some-server:8000， 我尝试了不同的使用不同的 URL： "/shipments/**" "/shipments" "http:some-server:8000/shipments/**" 等，但没有任何效果。

我的环境：

• @angular 5.1.1
• Service-Worker 5.1.2
• Angular-Cli 1.6.0

Answer 1

我找到了解决方案，我的 api 和 ui 不在同一台服务器上，在同一台服务器上更改它们，并将配置更新为下面的代码，并在我的网站上使用 HTTPS，一切正常：

"dataGroups": [
    {
      "name": "api-performance",
      "urls": [
        "/shipments"
      ],
      "cacheConfig": {
        "strategy": "performance",
        "maxSize": 100,
        "maxAge": "3d"
      }
    }
  ]