как заставить очистить кеш в chrome при выпуске новой Vue версии приложения

Question

Я создал приложение с vue-cli, а затем создаю папку dist для производства.

Приложение развернуто на IIS с flask бэкэндом и отлично работает.

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

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

Спасибо

моя папка dist

развертывание: скопируйте и вставьте папку dist на IIS

, если файлы в папке dist правильны, возможно, проблема в кэше ax ios? Я сделал некоторые изменения, чтобы отдохнуть apis

Answer 1

Если вы используете vue-cli, то он имеет встроенные веб-пакеты для сборки dist. И фактически он добавляет имена ha sh к выходным файлам. Но если он каким-то образом был удален, вы можете добавить его обратно в конфигурацию веб-пакета, как

  output: {
    filename: '[name].[hash].bundle.js'
  }

И ваше приложение будет выглядеть так:

И даже более того, вам не нужно разбираться с тем, как все эти вещи будут добавлены в html, ведь coz webpack выяснит это за вас.

Answer 2

не могли бы вы попробовать?

vm.$forceUpdate();

Также возможно, что самому компоненту необходим уникальный ключ:

<my-component :key="unique" />

Answer 3

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

Так что-то вроде:

<script src="main.js?v=1.1"></script>

<script src="main.js?v=1.2"></script>

et c ...