React PWA离线支持不适用于子URL

Question

我正在使用reactjs和workbox在具有多个URL的PWA上工作， 我的应用程序可以在联机和脱机状态下正常工作，但是如果用户处于脱机状态并按除根URL之外的其他刷新按钮，则会显示小恐龙。

我尝试使用以下代码动态缓存所有URL

workbox.routing.registerRoute(
new RegExp('/'),
workbox.strategies.cacheFirst({
    cacheName: 'dynamic-URLs',
    plugins: [
        new workbox.expiration.Plugin({
            maxEntries: 50
        })
    ]
}));

它正在工作并缓存URL，但仅在刷新特定URL上的页面之后

有人可以帮助我解决这个问题，还是有其他方法可以解决这种问题

Here is the screenshot of my app's log after offline refreshing