关于serviceWorker和workbox的离线缓存

Question

<div class="app">
    <img src="http://localhost:3000/images/1.png">
</div>

这个直接放在页面中会被缓存，可以做到！

但是如果连接地址是后台通过接口返回的通过dom插入页面的

 $.get('http://127.0.0.1:3000/shuju', function(res) {
                console.log(res)
                var res = JSON.parse(res)
                var son = $(`
                    <video class="v" src="${res.video}" controls object-fit='fill'></video>
                   <img src=" ${res.img1}">
                    `)
                son.appendTo($('.app'))
            })
            
 if ("serviceWorker" in navigator) {
            window.addEventListener("load", () => {
                navigator.serviceWorker.register("sw.js").then(registration => {
                    console.log("register succces...")
                }, err => {
                    console.log("register error...", err)
                });
            });
        }

就不能缓存了？