vue-cli
を使用してアプリを作成し、本番用にdist
フォルダーを作成しました。
アプリはIIS
にflaskバックエンドでデプロイされ、正常に動作します。
この問題は、いくつかの変更を行う必要があり、展開をやり直す必要がある場合に発生します。この後、アプリが機能しないためユーザーから電話がありましたが、chromeキャッシュをクリアすると、アプリは再び正常に機能します。
この問題を解決するにはどうすればよいですか?新しいアプリケーションバージョンをリリースしたときにchromeキャッシュを自動的にクリアする方法はありますか?
ありがとう
私のdistフォルダー
展開:IISでのフォルダーdistのコピーと貼り付け
distフォルダー内のファイルが正しい場合、おそらく問題はaxiosキャッシュにありますか?残りのAPIにもいくつか変更を加えました
あなたはブラウザのキャッシュにアクセスすることができません、それは巨大なセキュリティ欠陥でしょう。
これを修正するには、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
}
キャッシングについては、さらに詳しく読むことができます ここ 。