[Angular] Performance Caching Policy - Cache First, Network Last

转载于 2018-04-19 01:51:00 发布 · 58 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Answer1215/p/8879040.html

文章标签：

#javascript #json #ViewUI

本文介绍如何通过Angular Service Worker在src/ngsw-config.json文件中配置API响应的缓存策略，包括缓存策略、最大年龄及最大大小等设置。

If you want to cache API response by using angular service-worker, you can do it in:

src/ngsw-config.json:

{
  "index": "/index.html",
  "assetGroups": [{
    "name": "app",
    "installMode": "prefetch",
    "resources": {
      "files": [
        "/favicon.ico",
        "/index.html"
      ],
      "versionedFiles": [
        "/*.bundle.css",
        "/*.bundle.js",
        "/*.chunk.js"
      ]
    }
  }, {
    "name": "assets",
    "installMode": "lazy",
    "updateMode": "prefetch",
    "resources": {
      "files": [
        "/assets/**"
      ]
    }
  }],
  // cache for API data
  "dataGroups": [
    {
      "name": "lessons-api",
      "urls": [
        "/api/lessons"
      ],
      "cacheConfig": {
        "strategy": "performance", // cache first, network last
        "maxAge": "1d",
        "maxSize": 100
      }
    }
  ]
}