vue 服务器和本地缓存解决方案

发布于 2024-04-25  128 次阅读


1.nginx服务器缓存解决方案

location ~.*\.(js|css|html|png|jpg)$ { add_header Cache-Control no-cache no-store; } 禁止一切缓存

2.vue本地缓存解决方案

(1)在入口HTML文件加上(不推荐,带宽小会加载卡顿)

 <meta http-equiv="pragram" content="no-cache">
 <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">
 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 

(2)打包文件命名唯一

 const version = new Date().getTime();
output: {
path: config.build.assetsRoot,
filename: utils.assetsPath('js/[name].[chunkhash:8].' + version + '.js'),
chunkFilename: utils.assetsPath('js/[name].[chunkhash:8].' + version + '.js')
}
一个练习时长还差一年半的切图仔,有需求可联系 QQ:963827384
最后更新于 2024-04-25