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