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

时间:2018-04-22 08:50:54

标签: angular xmlhttprequest browser-cache service-worker

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

1 个答案:

答案 0 :(得分: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