vue增加強緩存和版本號的實現(xiàn)方法
更新時間：2019年05月01日 09:53:09 作者：早飯君
這篇文章主要介紹了vue增加強緩存和版本號的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
強緩存：
到底什么是強緩存？強在哪？其實強是強制的意思。當瀏覽器去請求某個文件的時候，服務端就在respone header里面對改文件做了緩存配置。緩存的時間、緩存類型都由服務端控制。
強緩存實現(xiàn)：
cache-control: max-age=315360000, public ,immutable
客戶端和代理服務器都可以緩存該資源，在315360000秒（10年）的有效期內(nèi)，如果有請求該資源的需求的話就直接讀取緩存,statu code:200 ，即使用戶做了刷新操作，也不向服務器發(fā)起http請求
參考文章"徹底弄懂強緩存與協(xié)商緩存"
index.html文件采用協(xié)商緩存，理由就是要用戶每次請求index.html不拿瀏覽器緩存，直接請求服務器，這樣就保證資源更新了，切記不要設置強緩存?。?！
其他資源采用強緩存 + 協(xié)商緩存,理由就不多說了。
nginx配置
版本號管理在
.env.production 生產(chǎn)模式
.env.test 測試模式
VUE_APP_VERSION = T0.01 測試模式 VUE_APP_VERSION = V0.01 生產(chǎn)模式
在package.json配置了打包命令
npm run build 正式環(huán)境配V0.01版本號 npm run build:test 測試環(huán)境配T0.01版本號
通過webpack打包設置，name+版本號+時間戳.js
可以根據(jù)服務器設置強緩存，緩存靜態(tài)文件
configureWebpack: {
output: { // 輸出重構 打包編譯后的 文件名稱 【模塊名稱.版本號.時間戳】
filename: `[name].${process.env.VUE_APP_VERSION}.${timeStamp}.js`,
chunkFilename: `[name].${process.env.VUE_APP_VERSION}.${timeStamp}.js`,
},
}
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vue3頁面加載完成后如何獲取寬度、高度問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要為大家詳細介紹了Vue動態(tài)實現(xiàn)評分效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
本文主要介紹了vue3+ts代理的使用，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-12-12
本篇文章主要介紹了vuejs 單文件組件.vue 文件的使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
Vue3 的響應式和以前有什么區(qū)別，Proxy 無敵？
這篇文章主要介紹了Vue3 的響應式和以前有什么區(qū)別,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-05-05
在本篇文章里小編給大家整理的是一篇關于Vue組件中使用防抖和節(jié)流實例分析內(nèi)容，有需要的朋友們可以學習參考下。2021-11-11
組件是?vue.js?最強大的功能之一，而組件實例的作用域是相互獨立的，這就意味著不同組件之間的數(shù)據(jù)無法相互引用，這篇文章主要介紹了Vue組件間傳值的實現(xiàn)2022-09-09
本文主要介紹了Vue顯示圖片的幾種方式小結，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-02-02
Vue實現(xiàn)動態(tài)添加或者刪除對象和對象數(shù)組的操作方法
這篇文章主要介紹了在Vue項目中實現(xiàn)動態(tài)添加或者刪除對象和對象數(shù)組的操作方法，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2018-09-09
之前對于vue中用到過的checkbox也只是別人寫好的組件，這次在自己實現(xiàn)時走了很多坑，特意寫這篇文章記錄到腳本之家平臺，供大家參考2018-11-11