防止图片缓存,更新图片页面不更新问题

时间:2024-10-30 08:12:50

页面缓存问题

最近做了一个简单的jq项目,每天需要手动更新美工做的图片,当时想到缓存问题,想着和美工一起把图片的名字每天一换应该就不会有缓存问题了,可是现实去给我深深的教训,投入生产后仍是出现了页面不更新的情况,必须手动清掉缓存,对用户非常的不友好

解决问题方式

1.使用webpack等打包工具即可解决

2.手动解决

首先需要在你引入的css等文件中加版本号,因为我更换的图片都写在了css中,所以就只在css中加入了版本号(我们活动短,所以我都是自己每天换一次,这个可以写段js让他自己换)

<link rel="stylesheet" type="text/css" href="./styles/?v=1.0" />
  • 1

其次要在页面入口的网址后加随机参数(我也是手写的)

http://xxx/xx/xx?v=8347847;
  • 1

我们活动7天,时间短,所以就手动换了,亲测有效,但是会打包还是打包吧!