我有一个React应用程序，该应用程序在启动时会从REST-API加载数据。 此应用程序也应该脱机工作。

我开始通过工作箱为REST端点注册路由，该路由工作良好：

workbox.routing.registerRoute(
  'https://mywebsite.de/api/data',new workbox.strategies.NetworkFirst(),);

此API返回这样的JSON：

[

    {
        "title": "Post 1"
        "description": "loremipsum"
        "image":"https://myurl.com/images/image.jpg"
    },{
        "title": "Post 2"
        "description": "loremipsum"
        "image":"https://myurl.com/images/image2.jpg"
    }
]

我现在想预加载所有图像URL，以便以后可以脱机使用它们。

我该怎么做？

我看到该工作箱包含一个workbox.precaching.precacheAndRoute()函数。

如何将其与外部API结合？

应用每次启动时如何触发此预加载？

当预加载完成并且可以离线使用该应用程序时，如何通知用户？