Laravel Workbox:生成项目时无法缓存所有文件
我使用Laravel Workbox:生成项目时无法缓存所有文件,laravel,caching,vue.js,laravel-mix,workbox,Laravel,Caching,Vue.js,Laravel Mix,Workbox,我使用Vuejs和workbox网页包插件使我的网站离线,我想缓存一个文件夹,其中包含我的所有文件(3个文件),如下图所示,但当我构建项目时(使用Laravel mix)。main.js(包含Vue的所有内容)无法缓存在service woker.js中。我尝试了一些方法来解决这个问题,但是没有成功。 有没有人面对这个问题,你有什么解决办法,非常感谢 ->>为什么要手动处理?即使您可以使用 workbox.precaching.precacheAndRoute(self.__precacheMa
Vuejs
和workbox网页包插件
使我的网站离线,我想缓存一个文件夹,其中包含我的所有文件(3个文件),如下图所示,但当我构建项目时(使用Laravel mix
)。main.js
(包含Vue的所有内容)无法缓存在service woker.js
中。我尝试了一些方法来解决这个问题,但是没有成功。
有没有人面对这个问题,你有什么解决办法,非常感谢
->>为什么要手动处理?即使您可以使用
workbox.precaching.precacheAndRoute(self.__precacheManifest || []);
对于动态请求,请使用路由策略:-
workbox.routing.registerRoute('end point url', workbox.strategies.networkFirst({
cacheName: 'cache-name'
}));
编辑:很久没有回顾这个问题了,github上有个人帮我找到了原因
这是因为库调用中有一个属性
maximumFileSizeToCacheInBytes
默认设置为2MB,这意味着它将只缓存小于或等于2MB的文件,而我的一些构建文件则大于2MB。因此,您只需增加maximumFileSizeToCacheInBytes
即可解决此问题。能否提供完整的网页包配置?听起来Workbox插件在Webpack生成main.js
文件之前运行得太早了。