vue增長強緩存和版本號

強緩存：
到底什麼是強緩存？強在哪？其實強是強制的意思。當瀏覽器去請求某個文件的時候，服務端就在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`,
          },
}