Question

这是我的gulp任务：

 gulp.task('service-worker', ['clean:sw'], function (cb) {
swPrecache.write(path.join(global.config.offlineRoot, 'sw.js'), {
    staticFileGlobs: [
        global.config.offlineRoot + '/offline/**/*.{js,html,css,png,jpg,jpeg,gif,svg,ttf,woff,woff2}',
        global.config.offlineRoot + '/manifest.json'
    ],
    dynamicUrlToDependencies: {
        '/app-shell': ['lib/views/layouts/app-shell.hbs'],
        '/': [
            'lib/views/layouts/main-layout.hbs',
            'lib/views/index.hbs'
        ]
    },
    runtimeCaching: [

        {
            // See https://github.com/GoogleChrome/sw-toolbox#methods
            urlPattern: /^\/(?!login|admin)/,
            handler: 'networkOnly'
        }


    ],

    stripPrefix: global.config.offlineRoot,
    stripPrefixMulti: {
        "node_modules/": 'scripts/'
    },
    navigateFallback: '/app-shell',
    navigateFallbackWhitelist: [/^\/(?!login|admin)/],
    cacheId: "nodebeats",
    //   importScripts: ['scripts/sw-toolbox/sw-toolbox.js'],
    verbose: true,
    maximumFileSizeToCacheInBytes: 3097152, //3mb
    handleFetch: true//(global.config.env === 'prod')
})
    .then(cb)
    .catch(function () {
        cb();
    });

}）;

从上面的配置中，登录和管理路由仅使用网络获取，索引路由首先从缓存提供，但我希望它是网络首先，因为我从服务器端绑定我的页面。因此除非ctrl + f5

，否则动态数据不会在应用程序中复制

Answer 1

对于那个需要动态在服务器上呈现Web内容的用例，我认为sw-precache不适合。 sw-precache可以为certain types服务器呈现的资源派上用场，但仅当服务器呈现的内容依赖于随后在服务器上创建的一个或多个本地部分/模板时。（您可以通过dynamicUrlToDependencies设置该映射。）

对于服务器呈现的内容依赖于本地模板/局部以外的内容的情况，如果它取决于当前登录的用户，sw-precache将没有多大帮助。如果您愿意，可以直接使用sw-toolbox来处理此类动态内容，例如networkFirst策略在每当有网络连接时提供新响应之间取得平衡，并具有弹性当网络不可用时，回退到先前的缓存响应。

如何在sw-precache中将默认的Cache First策略更改为网络优先策略？

1 个答案: