Service Workerに動的URLをキャッシュするにはどうすればよいですか？プリキャッシュと関係がありますか？ReactJSのデフォルトのserviceWorkerを使用しています

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は、/ scope内で「service-worker.js」ファイルを探します。次の行で：

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

この構成を使用すると、service-worker.jsファイルのPrecacheConfig変数（/js/app.jsなど）に記載されているすべてのものをキャッシュできます。

のような動的URLになると/myapp/{id}/test/。これらすべての動的URLに対して事前キャッシュを実行する必要はなく、ユーザーがページにアクセスしたときにキャッシュする必要があることは確かですが、どこでどのようにキャッシュしますか？