我如何在Service Worker中缓存动态URL？它与预缓存有关系吗？我正在使用ReactJS默认serviceWorker

Question

在我的Main.js文件中，我有以下代码：

import * as serviceWorker from './serviceWorker';
/*
some code
*/
ReactDOM.render(<Main />,document.getElementById('app'));
serviceWorker.register()

此serviceWorker在默认情况下是通过create-react-app操作创建的，但由于没有使用create-react-app创建应用，因此我不得不从源复制它。

serviceWorker在/范围内查找'service-worker.js'文件。在以下行中：

const swUrl = `/service-worker.js`;

使用此配置，我可以缓存service-worker.js文件的PrecacheConfig变量中提到的所有内容，例如/js/app.js

涉及动态网址，例如/myapp/id/test/。我知道肯定不应该对所有这些动态URL进行预缓存，并且应该在用户访问页面时对它们进行缓存，然后在何处以及如何对其进行缓存？