如何使用服务工作者缓存图像？

【问题标题】：How to cache images using service worker?如何使用服务工作者缓存图像？
【发布时间】：2018-10-02 12:01:25
【问题描述】：

我是 Angular 世界的新手，我正在学习一个教程并从中创建了一个 PWA 应用程序。该应用程序在线时工作正常，但离线时无法加载图像并且看起来很糟糕。我想缓存来自服务器的图像，以便当应用程序脱机时，最近加载的图像会显示在应用程序中。我很抱歉我的英语不好，感谢您对我的问题感兴趣。我的应用链接：PWA app link

【问题讨论】：

标签： angular xmlhttprequest browser-cache service-worker

【解决方案1】：

您可以在 Angular 中启用 ServiceWorker 来缓存图像。默认情况下，如果您将图像放在assets 文件夹下，它们将被缓存。

注意浏览器需要渲染的所有文件应用程序被缓存。 ngsw-config.json 样板配置设置为缓存 CLI 使用的特定资源：

index.html

favicon.ico

构建工件（JS 和 CSS 包）

资产下的任何内容。

参考：https://angular.io/guide/service-worker-getting-started#whats-being-cached

【讨论】：