Как решить проблему с кешем в современных браузерах? - PullRequest
0 голосов
/ 01 ноября 2018

мы разрабатываем приложение на основе VueJS. У нас огромная проблема с кэшированием.

Члены команды постоянно обновляют сайт, но мы получаем отзывы о решенных проблемах, таких как опечатки и пропущенные элементы.

Я лично попытался проверить эту ситуацию, обнаружил, что Chrome читает файлы из дискового кеша или кеша памяти, пока страница не обновится. Хотя иногда Chrome по-прежнему загружает старую страницу, когда мы снова заходим на сайт (после процесса обновления (ctrl + shift + r)).

Прошу прощения за мой плохой английский, но я изо всех сил старался объяснить, с чем сталкиваюсь. Также я нашел тему о проблеме, ОП объяснил, с чем я столкнулся. Вы также можете проверить это. Как очистить кеш сервисного работника?

Я создал веб-сайт на IIS (локальная машина Windows 10), опубликовал проект и попытался достичь его с помощью локального IP-адреса (127.0.0.1:8093), на вкладке сети я вижу файлы .js и .css после загрузки я перезагружаю браузер и пытаюсь снова, на этот раз файлы обслуживаются из дискового кэша, я пробовал пару раз, а иногда файлы обслуживаются из кэша, а иногда загружаются.

Я пытался добавить serviceWorker, но получил с пустыми руками. Также я создал базовый проект для тестирования некоторых функций vuejs и добавил тот же код serviceWorker в проект. Он снова кешируется.

Нашими серверами является Windows 2012 Server с IIS 8.

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

Вы можете оформить заказ базового проекта базовый проект

Что я пробовал

Как я уже говорил выше, я пытался добавить сервисных работников как коммит github,

https://github.com/vuejs-templates/pwa/pull/21/files

Также я попытался удалить кэшированные данные caches.delete(cacheName), похоже, не работает.

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

Edit1: Экран GIF

1 Ответ

0 голосов
/ 01 ноября 2018

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

Пример: вчера вы развернули код, содержащий main.34534534534.js Сегодня вы снова развернули, но файл main.94565342.js. Ваш браузер автоматически аннулирует кеш.

...