使用vue框架開發,版本更新,解決用戶瀏覽器緩存問題

vue-cli裏的默認配置,css和js的名字都加了哈希值,所以新版本css、js和就舊版本的名字是不同的,不會有緩存問題。
不過值得注意的是,把打包好的index.html放到服務器裏去的時候,index.html在服務器端可能是有緩存的,這需要在服務器配置不讓緩存index.html
nginx 配置,讓index.html不緩存
location = /index.html {
    add_header Cache-Control "no-cache, no-store";
}

no-cache, no-store可以只設置一個
no-cache瀏覽器會緩存,但刷新頁面或者重新打開時 會請求服務器,服務器可以響應304,如果文件有改動就會響應200
no-store瀏覽器不緩存,刷新頁面需要重新下載頁面

發佈了220 篇原創文章 · 獲贊 237 · 訪問量 85萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章