Работник сервиса с маршрутизацией на стороне клиента page.js с использованием sw-precache
У меня есть веб-приложение с заголовком, нижним колонтитулом и контентом.. мой контент похож на app-shell. и я использую page.js для клиентской маршрутизации.. поэтому, когда пользователь запрашивает страницу xxx.com/app/example1 .. я загружаю example1.html через jquery.load(..) и т. д. мой файл sw-precache выглядит так
function writeServiceWorkerFile(cachename,rootDir, handleFetch, callback) { var config = { cacheId: cachename, staticFileGlobs: [ rootDir + '/assets/min/css/**/*.css', //rootDir + '/assets/min/js/lib/**/*.css', rootDir + '/**.html', rootDir + '/assets/images/**.*', rootDir + '/assets/font/**.*', rootDir + '/assets/min/js/**/*.js' ], stripPrefix: rootDir + '/', verbose: false, runtimeCaching:[{ urlPattern:/\/app\//, handler: 'cacheFirst' }], //navigateFallback: 'index.html', navigateFallbackWhitelist: [/^\/app/] }; swPrecache.write(path.join(rootDir, 'service-worker.js'), config, callback) }
когда я вижу страницу.. она загружает example1.html из кэша рабочего сервиса.. который работает нормально.. мой example1.html выглядит
<script type="text/javascript" src="assets/min/js/modules/xxx/findDetails.js"></script> <script type="text/javascript" src="assets/min/js/modules/xxx/findMain.js"></script> <script type="text/javascript" src="assets/min/js/modules/xxx/findResults.js"></script>
CSS-файлы в example1.html загружаются из кеша... но файлы JavaScript, которые включены в example1.html, не загружаются из кеша... как я могу убедиться, что они также загружаются из кеша... когда я вижу работника службы под консоль разработчика -> приложение -> кэш-хранилище.. я вижу все выше 3 js файлы есть, но не попадают в браузер