1. 程式人生 > >Vue打包檔案放在伺服器,瀏覽器存在快取問題的解決

Vue打包檔案放在伺服器,瀏覽器存在快取問題的解決

因瀏覽器快取原因導致vue 打包的檔案 導致偶爾會出現不能即使更新最新程式碼。因此在打包的檔名中新增一個版本號以便瀏覽器能區分。

解決方法:找到webpack .prod.conf.js

   1.定義版本變數: const  Version = new Date().getTime(); // 這裡使用的是時間戳 來區分 ,也可以自己定義成別的如:1.1

   2.修改要生成的js和css檔案的配置項,把剛剛宣告的版本拼接進要生成的檔名中;

   output: {

        path: config.build.assetsRoot,

         filename: utils.assetsPath('js/[name].[chunkhash].' + Version + '.js'),

        chunkFilename: utils.assetsPath('js/[id].[chunkhash].' + Version + '.js')

    },

然後直接 npm run build 打包後 就可以看到dist 檔案裡的js 檔名帶上裡版本號