vue增加強緩存和版本號

worldligang 發布于2019-08-23 17:14 / 2083人閱讀

摘要：配置版本號管理在生產模式測試模式測試模式生產模式在配置了打包命令正式環境配版本號測試環境配版本號通過打包設置，版本號時間戳可以根據服務器設置強緩存，緩存靜態文件輸出重構打包編譯后的文件名稱模塊名稱版本號時間戳

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

強緩存實現：

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

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

參考文章"徹底弄懂強緩存與協商緩存"

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

nginx配置

版本號管理在

.env.production 生產模式
.env.test 測試模式

    VUE_APP_VERSION = T0.01 測試模式
    VUE_APP_VERSION = V0.01 生產模式

在package.json配置了打包命令

    
    npm run build      正式環境配V0.01版本號
    npm run build:test 測試環境配T0.01版本號

通過webpack打包設置，name+版本號+時間戳.js
可以根據服務器設置強緩存，緩存靜態文件

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

GPU云服務器云服務器云緩存哪家強版本名稱版本號版本號系統版本號

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/104025.html

CVTE2019春招前端二面涼經

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

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

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

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

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

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

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

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

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

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