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/**" 等，但 none 有效。

我的环境：

@angular5.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"
      }
    }
  ]

Angular Service Worker - 数据组不工作

Angular Service Worker - dataGroups not working

angular-cli

angular

angular5

angular-service-worker