Angular Service Worker - 数据组无法正常工作

时间:2018-01-08 04:54:20

标签: angular angular-cli angular5 angular-service-worker

我正在尝试使用Angular Service Worker,除了dataGroups不能为我工作外,一切正常。

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

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

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

dataGroups - Performance

请注意我正在调用的API位于不同的服务器上,localhost vs some-server:8000, 我尝试了不同的使用不同的URL: "/shipments/**" "/shipments" "http:some-server:8000/shipments/**" ......等等,但都没有效果。

我的环境:
  - @angular 5.1.1
  - 服务人员5.1.2
  - Angular-Cli 1.6.0

谢谢

1 个答案:

答案 0 :(得分:2)

我找到了一个解决方案,我的api和ui不是在同一台服务器上,在同一台服务器上更改后,将配置更新为代码,并在我的网站上使用HTTPS,一切都运行良好: / p>

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