Как почистить кеш с сайта vue.js? - PullRequest
Новая
       145

Как почистить кеш с сайта vue.js?

1 голос
/ 18 апреля 2019

Итак, я создал веб-сайт с vue.js.Он развернут на платформе AWS s3, которая находится за дистрибутивом CloudFront.Недавно я узнал, что некоторые пользователи видят двухнедельную версию сайта.Это большая проблема, поскольку я обновляю веб-сайт несколько раз в день.

Я установил настройку CloudFront TTL на 1 минуту, чтобы попытаться избежать более длительного кэширования, но это не решило проблемы.Я попытался реализовать службу, работавшую следующим образом, которая выдавала много исключений и не работала. 

if ('serviceWorker' in navigator) {
  window.addEventListener('load', function() {
    navigator.serviceWorker.register('/sw.js').then(function(registration) {
      // Registration was successful
      console.log('ServiceWorker registration successful with scope: ', registration.scope);
    }, function(err) {
      // registration failed :(
      console.log('ServiceWorker registration failed: ', err);
    });
  });
}

Я также пытался полностью отключить кэш, но он не работал: 

module.exports = {
  chainWebpack: config => {
    if (process.env.NODE_ENV === 'production') {
      config.module.rule('vue').uses.delete('cache-loader');
      config.module.rule('js').uses.delete('cache-loader');
      config.module.rule('ts').uses.delete('cache-loader');
      config.module.rule('tsx').uses.delete('cache-loader');
    }
  }
}

Я хочу иметь возможность представлять абсолютно свежий контент на веб-сайте и не позволять ему кэшироваться неделями ....

...