sw-precache不更新和只接受缓存的数据。

Question

我正在尝试用sw来实现策略.

现在，我能够缓存数据并能够从脱机中提供服务。如果我更改页面中的数据(即:将标题从“hello”更改为“欢迎”)，而不是反映它，总是从缓存中获取数据，只有当我注销服务工作人员或清除站点数据时，才会得到更新，那么只有我才能获得数据。

这里是我的sw-precache吞咽任务:

gulp.task('generate-service-worker', function(callback) {
  var path = require('path');
  var swPrecache = require('sw-precache');
  var rootDir = '.';

  swPrecache.write(path.join(rootDir, 'sw.js'), {
    staticFileGlobs: [
      rootDir + '/css/**.css',
      rootDir + '/js/**/*.{js,css}',
      rootDir + '/images/**/*.{png,jpg,jpeg}',
      rootDir + '/*.{html,js}',
    ],
    runtimeCaching: [
      {
        urlPattern: 'http://localhost:8080',
        handler: 'networkFirst'
      }],
    stripPrefix: rootDir
  }, callback); 
});

Answer 1

有两件事需要检查：

• 确保您没有缓存您的sw.js文件，因为这可能会延迟更新多达24小时的Chrome。(Details.)
• 您正在检查更新后的后续访问站点的内容吗？由于缓存优先策略，更新后对站点的初始访问不会显示新内容(因为缓存已经“在后台”更新)。