問(wèn)題:每次部署后舟铜,頁(yè)面不更新總是有緩存問(wèn)題戈盈。
解決中心思想:在打包文件的文件名中添加一個(gè)版本號(hào)。
方法:
在vue.config.js中添加以下代碼谆刨,vue cli3.x生成的項(xiàng)目默認(rèn)沒(méi)有這個(gè)文件塘娶,需要自己在根目錄創(chuàng)建,和package.json同級(jí)痊夭。
代碼塊
const?Timestamp?=?new?Date().getTime();
module.exports?=?{
????publicPath:?'/discovery/',
????configureWebpack:?{?//?webpack?配置
????????output:?{?//?輸出重構(gòu)??打包編譯后的?文件名稱??【模塊名稱.版本號(hào).時(shí)間戳】
??????????filename:?`[name].${process.env.VUE_APP_Version}.${Timestamp}.js`,
??????????chunkFilename:?`[name].${process.env.VUE_APP_Version}.${Timestamp}.js`
????????},
??????}
}