Блог

Я развертываю свое приложение пользовательского интерфейса, которое состоит из AngularJS, Grunt и других элементов пользовательского интерфейса.

Всякий раз, когда я обновляю свой пользовательский интерфейс и повторно развертываю его с помощью apache-tomcat, браузер всегда получает мои ресурсы из кэша. (Поскольку путь к новым ресурсам, таким как css, html, одинаковый)

Пользователю необходимо нажать CTRL F5 (жесткая перезагрузка), чтобы очистить кеш и использовать новые ресурсы.

Как я могу заставить браузер очистить кеш при повторном развертывании приложения?

Если каким-то образом я могу использовать angular grunt для выполнения этой задачи, то это тоже хорошо.

Я не хочу обновлять управление версиями своих файлов каждый раз при повторном развертывании продукта. Поскольку мои файлы также загружают много HTML-файлов.

Так или иначе, я хочу очистить только кеш браузера.

Спасибо!

Вы не можете обновить кеш без управления версиями имен файлов. Но вам не обязательно делать это вручную. Если вы используете Grunt, просто ознакомьтесь с некоторыми пакетами npm. Например, такой: https://www.npmjs.com/package/grunt-cache-breaker

При перестроении он создаст новые хэши для ваших ресурсов и добавит их в ваши HTML-файлы. Поэтому, когда ваши пользователи будут загружать ваши html-файлы (они загружены, они не кэшируются), эти html-файлы будут содержать ресурсы, такие как css и js, с новыми именами, поэтому браузер будет принудительно загружать, а не извлекать эти файлы из памяти.

Вы можете добавить версию в свои HTML-файлы

 app.factory('preventTemplateCache', function () {
    return {
        'request': function (config) {
            if (config.url.indexOf('partials') !== -1) {
                config.url = config.url   '?t='   101;
            }
            return config;
        }
    }
})
  

а также указать версию файлов .js как

  <script src='app.js?v=101'></script>
  

101 — номер версии