netlify / cloudfront / CDN上的服务人员缓存问题

Question

I use a service worker to cache my PWA. Everything is working fine on my VPS. Now, when i want to host on Netlify, caching breaks due to their CDN.

"./script.js"

becomes

" https://d33wubrfki0l68.cloudfront.net/js/5ae4b88dedf0edb18f2281d6c6b0339b122ad0/.../script.js "

so that the file is not found in the sw-cache. Obviously, that breaks offline functionality.

Is there a solution for caching with CDNs?

Answer 1

If you want to keep the asset optimization enabled, you can try loading your script.js with the data-dont-bundle attribute, like:

<script data-dont-bundle src="/script.js"></script>

This attribute will tell netlify not to optimize that file.