服务工作者服务器图像缓存

Question

您好，我是 Service Worker 的新手，我为我的 Angular 项目添加了一个 Service Worker。

我通过了。 https://angular.io/guide/service-worker-introanguar 医生。

我的服务人员正在工作，它只缓存应用程序外壳。大多数图像是使用服务器请求请求并显示在我的应用程序中的。如何使用服务人员在我的应用程序中缓存这些图像。 *图像可以不时更改。

示例网址：http://localhost:1337/templates/viewWebImages?userId=5b20990f60dcc306c398b322&appId=5b851aff5f78be788b1050e5&1536906941235&images=secondNavi/3.png

Answer 1

在ngsw-config.json 中，您必须指定图片的网址格式并为图片设置cacheConfig。

{
  "index": "/index.html",
  "assetGroups": [{
    "name": "app",
    "installMode": "prefetch",
    "resources": {
      "files": [
        "/favicon.ico",
        "/index.html"
      ]
    }
  }, {
    "name": "assets",
    "installMode": "lazy",
    "updateMode": "prefetch",
    "resources": {
      "files": [
        "/assets/**"
      ]
    }
  }],
  "dataGroups": [
    {
      "name": "images-api",
      "urls": [
        "http://localhost:1337/templates/viewWebImages**"
      ],
      "cacheConfig": {
        "strategy": "freshness",
        "timeout":"10s",
        "maxAge": "1d",
        "maxSize": 100
      }
    }
  ]
}