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

Question

我使用服务工作者来缓存我的PWA。 我的VPS一切正常。 现在，当我想在Netlify上托管时，由于CDN导致缓存中断。

“ ../ script.js”

成为

“ https://d33wubrfki0l68.cloudfront.net/js/5ae4b88dedf0edb18f2281d6c6b0339b122ad0/.../script.js”

，以便在sw-cache中找不到该文件。显然，这会破坏离线功能。

有CDN缓存解决方案吗？

Answer 1

如果要保持资产优化处于启用状态，可以尝试使用data-dont-bundle属性加载script.js，例如：

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

此属性将告诉netlify不优化该文件。