vue增加強(qiáng)緩存和版本號

worldligang 發(fā)布于2019-08-23 17:14 / 2112人閱讀

摘要：配置版本號管理在生產(chǎn)模式測試模式測試模式生產(chǎn)模式在配置了打包命令正式環(huán)境配版本號測試環(huán)境配版本號通過打包設(shè)置，版本號時間戳可以根據(jù)服務(wù)器設(shè)置強(qiáng)緩存，緩存靜態(tài)文件輸出重構(gòu)打包編譯后的文件名稱模塊名稱版本號時間戳

強(qiáng)緩存：
到底什么是強(qiáng)緩存？強(qiáng)在哪？其實強(qiáng)是強(qiáng)制的意思。當(dāng)瀏覽器去請求某個文件的時候，服務(wù)端就在respone header里面對改文件做了緩存配置。緩存的時間、緩存類型都由服務(wù)端控制。

強(qiáng)緩存實現(xiàn)：

cache-control: max-age=315360000, public ,immutable

客戶端和代理服務(wù)器都可以緩存該資源，在315360000秒（10年）的有效期內(nèi)，如果有請求該資源的需求的話就直接讀取緩存,statu code:200 ，即使用戶做了刷新操作，也不向服務(wù)器發(fā)起http請求

參考文章"徹底弄懂強(qiáng)緩存與協(xié)商緩存"

index.html文件采用協(xié)商緩存，理由就是要用戶每次請求index.html不拿瀏覽器緩存，直接請求服務(wù)器，這樣就保證資源更新了，切記不要設(shè)置強(qiáng)緩存?。?！
其他資源采用強(qiáng)緩存 + 協(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打包設(shè)置，name+版本號+時間戳.js
可以根據(jù)服務(wù)器設(shè)置強(qiáng)緩存，緩存靜態(tài)文件

    configureWebpack: {
        output: { // 輸出重構(gòu)  打包編譯后的 文件名稱  【模塊名稱.版本號.時間戳】
            filename: `[name].${process.env.VUE_APP_VERSION}.${timeStamp}.js`,
            chunkFilename: `[name].${process.env.VUE_APP_VERSION}.${timeStamp}.js`,
          },
}

云服務(wù)器 GPU云服務(wù)器云緩存哪家強(qiáng) 版本名稱版本號版本號系統(tǒng)版本號

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/104025.html

相關(guān)文章

CVTE2019春招前端二面涼經(jīng)

摘要：在函數(shù)中通過賦予變量，在函數(shù)中，指向定時器以及回調(diào)函數(shù)當(dāng)不需要或者時，定時器沒有被，定時器的回調(diào)函數(shù)以及內(nèi)部依賴的變量都不能被回收，造成內(nèi)存泄漏。比如使用了定時器，需要在中做對應(yīng)銷毀處理。前言： 3月5日，從中山去往廣州，一大早7點多就做好準(zhǔn)備了，在高鐵站了30分鐘，轉(zhuǎn)廣州地鐵又站了90分鐘，去到地鐵口，就有一輛cvte的大巴車過來接送，我選擇的面試時間是11：00-12：00，但前...

ningwang 2019-08-23 15:40 評論0 收藏0
CVTE2019春招前端二面涼經(jīng)

摘要：在函數(shù)中通過賦予變量，在函數(shù)中，指向定時器以及回調(diào)函數(shù)當(dāng)不需要或者時，定時器沒有被，定時器的回調(diào)函數(shù)以及內(nèi)部依賴的變量都不能被回收，造成內(nèi)存泄漏。比如使用了定時器，需要在中做對應(yīng)銷毀處理。前言： 3月5日，從中山去往廣州，一大早7點多就做好準(zhǔn)備了，在高鐵站了30分鐘，轉(zhuǎn)廣州地鐵又站了90分鐘，去到地鐵口，就有一輛cvte的大巴車過來接送，我選擇的面試時間是11：00-12：00，但前...

zhangwang 2019-08-30 15:56 評論0 收藏0
淺談http緩存

摘要：概念瀏覽器緩存是前端開發(fā)中經(jīng)常遇到的問題，它是提升性能同時減少服務(wù)器壓力的有效手段之一。服務(wù)器通過指定，告知代理服務(wù)器，需要緩存兩個版本壓縮和未壓縮。異常表現(xiàn)上述緩存有關(guān)的規(guī)律，并非所有瀏覽器都遵循，比如說。概念瀏覽器緩存是前端開發(fā)中經(jīng)常遇到的問題，它是提升性能同時減少服務(wù)器壓力的有效手段之一。類型 1.強(qiáng)緩存如果啟用了強(qiáng)緩存，請求資源時不會向服務(wù)器發(fā)送請求，直接從緩存中讀取資...

shadajin 2019-08-06 13:25 評論0 收藏0
淺談http緩存

摘要：概念瀏覽器緩存是前端開發(fā)中經(jīng)常遇到的問題，它是提升性能同時減少服務(wù)器壓力的有效手段之一。服務(wù)器通過指定，告知代理服務(wù)器，需要緩存兩個版本壓縮和未壓縮。異常表現(xiàn)上述緩存有關(guān)的規(guī)律，并非所有瀏覽器都遵循，比如說。概念瀏覽器緩存是前端開發(fā)中經(jīng)常遇到的問題，它是提升性能同時減少服務(wù)器壓力的有效手段之一。類型 1.強(qiáng)緩存如果啟用了強(qiáng)緩存，請求資源時不會向服務(wù)器發(fā)送請求，直接從緩存中讀取資...

linkFly 2019-07-25 15:03 評論0 收藏0
Cocos Creator—最佳構(gòu)建部署實踐

摘要：本篇我們會基于的官方示例做分析，我在原的基礎(chǔ)上增加了部署的腳本，部署到又拍云和騰訊云。文件資源增加版本號版本號的方案跟之前的文章基本一致，這個流程在版本應(yīng)該可以忽略了。這篇文章主要是我們團(tuán)隊在使用Cocos Creator過程中的一些關(guān)于部署方面的實踐總結(jié)，標(biāo)題黨了一回，嚴(yán)格來說，應(yīng)該是《快看漫畫游戲研發(fā)團(tuán)隊使用Cocos Creator構(gòu)建部署最佳實踐》，對于其他團(tuán)隊可能并不是。 ...

caohaoyu 2019-08-22 13:41 評論0 收藏0