1

我面临着服务人员的一个奇怪问题。我需要从外部服务器加载图像，所以我使用 ngsw-config.json 的以下配置

"dataGroups": [{
    "name": "api-performance",
    "urls": [
      "/api",
      "imagesketches/image/"
    ],
    "cacheConfig": {
      "maxAge": "1d",
      "strategy": "performance"
    }
  }]

当我第一次加载图像时，它需要一些时间来加载，然后如果我刷新页面，它将从服务人员加载图像，如下图所示。

图1

但是，如果我使浏览器脱机，它不会从服务工作者加载图像，尽管它正在从资产文件夹加载图像，如下图所示

图2

甚至 API 数据也被正确缓存。

我也尝试在assetGroups中添加图片网址，但没有成功。

我正在研究基于 Angular5 的 PWA。我不确定问题是否与浏览器的服务人员或它的角度实现有关。

任何帮助，将不胜感激。

4

1 回答 1

0

看起来问题仅适用于您尝试从外部域访问的图像（我相信没有明确说明，如果我错了，请纠正我）

如果您使用一个，每个服务工作者将只为一个域或子域服务。这就是服务工作者的工作方式，无论您使用何种框架。

您可以尝试外国获取https://developers.google.com/web/updates/2016/09/foreign-fetch

于 2018-05-29T02:48:55.617 回答