webdevqa.jp.net

chrome新しいリリース時にキャッシュを強制的にクリアする方法Vueアプリのバージョン

vue-cliを使用してアプリを作成し、本番用にdistフォルダーを作成しました。

アプリはIISにflaskバックエンドでデプロイされ、正常に動作します。

この問題は、いくつかの変更を行う必要があり、展開をやり直す必要がある場合に発生します。この後、アプリが機能しないためユーザーから電話がありましたが、chromeキャッシュをクリアすると、アプリは再び正常に機能します。

この問題を解決するにはどうすればよいですか?新しいアプリケーションバージョンをリリースしたときにchromeキャッシュを自動的にクリアする方法はありますか?

ありがとう

私のdistフォルダー

enter image description here

展開:IISでのフォルダーdistのコピーと貼り付け

distフォルダー内のファイルが正しい場合、おそらく問題はaxiosキャッシュにありますか?残りのAPIにもいくつか変更を加えました

4
nickb84

あなたはブラウザのキャッシュにアクセスすることができません、それは巨大なセキュリティ欠陥でしょう。

これを修正するには、flask応答とともにいくつかのヘッダーを送信し、アプリにキャッシュすることをブラウザにキャッシュしないと伝える)必要があります。

これは、アイデアを得るためのexpress.jsの例です。

  setHeaders: function (res, path, stat) {
    res.set('Cache-Control', 'no-cache, no-store, must-revalidate') // HTTP 1.1
    res.set('Pragma', 'no-cache') // HTTP 1.0
    res.set('Expires', '0') // Proxies
  }

キャッシングについては、さらに詳しく読むことができます ここ

0
rodurico