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

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

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

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

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

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

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

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

index.html文件采用協(xié)商緩存，理由就是要用戶每次請(qǐng)求index.html不拿瀏覽器緩存，直接請(qǐng)求服務(wù)器，這樣就保證資源更新了，切記不要設(shè)置強(qiáng)緩存?。?！
其他資源采用強(qiáng)緩存 + 協(xié)商緩存,理由就不多說了。

nginx配置

版本號(hào)管理在

.env.production 生產(chǎn)模式
.env.test 測(cè)試模式

    VUE_APP_VERSION = T0.01 測(cè)試模式
    VUE_APP_VERSION = V0.01 生產(chǎn)模式

在package.json配置了打包命令

    
    npm run build      正式環(huán)境配V0.01版本號(hào)
    npm run build:test 測(cè)試環(huán)境配T0.01版本號(hào)

通過webpack打包設(shè)置，name+版本號(hào)+時(shí)間戳.js
可以根據(jù)服務(wù)器設(shè)置強(qiáng)緩存，緩存靜態(tài)文件

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/104025.html

上一篇：Vue 父子傳值與子父?jìng)髦?/a>

下一篇：瀏覽器中的JavaScript：文檔對(duì)象模型與 DOM 操作

相關(guān)文章

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

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

zhangwang 2019-08-30 15:56 評(píng)論0 收藏0
CVTE2019春招前端二面涼經(jīng)

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

ningwang 2019-08-23 15:40 評(píng)論0 收藏0
淺談http緩存

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

shadajin 2019-08-06 13:25 評(píng)論0 收藏0
淺談http緩存

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

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

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

caohaoyu 2019-08-22 13:41 評(píng)論0 收藏0