在资源路径后添加后缀解决缓存问题

最新推荐文章于 2024-05-02 23:48:31 发布
最新推荐文章于 2024-05-02 23:48:31 发布
阅读量579 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yibo924/article/details/105357835
版权

对于浏览器缓存资源文件处理都是一个思路，添加一个附加值来让浏览器认出其是一个新资源就行了。

如图片缓存的话，即图片资源加个随机数
    如：<img src="../../img/a.jpg"+"?temp="+<%=Math.random()%>/>

意思就是在基本的资源文件后面缀上：

？分割，随便一个key，=分割，一个不会重复的数。比如索引后加一个  "?v=1.0",也是可以的形如

../../img/a.jpg?v=1.0  ，下一次再换a.jpg，就写成../../img/a.jpg?v=1.1

 

补充，其实添加说明页面缓存处理机制的方法是最方便的

html、jsp：在页面本身代码<head>添加meta：
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="0">

图片缓存实现
慢跑蜗牛的专栏
05-03 784
在网络编程当中，如果我们能将向网络请求的图片缓存在本地当中，这将大大的提高我们重复加载图片的速度，使得用户体验更加的好。图片缓存的原理是以网络链接为原型，然后进行格式化的转换，形成一个新的名称，以这个名称作为图片缓存在本地的文件名（一般使用哈希算法，并且算法要保证几乎不会重复命名）。第二种方式是以字典保存链接，每一个链接对应字典的一个key，图片本身的名字作为value存在，那么在每一次请求图片数
unitywebrequest本地加载_Unity AssetBundle 资源打包，加载，本地缓存方式，安卓，PC本地加载路径问题...
weixin_35645230的博客
12-24 1575
AssetBundle的定义和作用:1，AssetBundle是一个压缩包包含模型、贴图、预制体、声音、甚至整个场景，可以在游戏运行的时候被加载。2，AssetBundle自身保存着互相的依赖关系。3，压缩包可以使用LZMA和LZ4压缩算法，减少包大小，更快的进行网络传输。4，把一些可以下载内容放在AssetBundle里面，可以减少安装包的大小。AssetBundle使用流程(打包方法)：1，首...
php缓存后缀添加格式,PHP文件缓存内容保存格式实例分析，_PHP教程
weixin_29019241的博客
03-18 314
PHP文件缓存内容保存格式实例分析，本文实例讲述了PHP文件缓存内容保存格式，对于进行PHP项目开发非常具有实用价值。分享给大家供大家参考借鉴。具体分析如下：1、PHP文件缓存内容保存格式PHP文件缓存内容保存格式主要有三种：(1)变量 var_export 格式化成PHP正常的赋值书写格式；(2)变量 serialize 序列化之后保存，用的时候反序列化；(3)变量 json_encode格式化...
JS 代码中,ajax请求地址后加随机数防止浏览器缓存的原因
Thinkingcao的专栏
09-27 3053
看到别人写的JS，ajax请求地址后加随机参数，比如XXXX?_dc=" + Math.random()。                   一开始搞不懂为什么，网上查了资料，原因是防止浏览器缓存。                  浏览器为了提高用户访问同一页面的速度，会对页面数据进行缓存。当url请求地址不变时，                  有时候会导致浏览器不发送请
怎么保证html页面不被缓存
狗
02-26 1775
保险起见，对html页面和jsp最好都加一些设置对于HTM网页，加入： 然后，jsp页面中加入：    response.setHeader("Cache-Control","no-store");     response.setHeader("Pragrma","no-cache");     response.setDateHeader("Expires",0);
errorImg异常图片显示
小范先生上行中的博客
06-28 1344
errorImg：'this.src="'+require('../../../assets/img/zpsbth.png')+'"',//默认图片
利用 filter 机制给静态资源 url 加上时间戳，来防止js和css文件的缓存问题
10-22
为了解决这个问题，通常会采用在静态资源的URL后面添加一个时间戳的方式，以此强制浏览器或代理服务器去加载最新的资源。 Filter机制是Java Servlet技术中用于拦截客户端请求和服务器响应的一种方式。通过实现...
如何解决h5、vue、uniapp等项目缓存问题
lsh_ajax的博客
06-11 7374
如何解决h5、vue、uniapp等项目缓存问题 我们再开发web项目时，经常会遇到修改了css、js、html等静态文件，并部署到服务器之后。使用浏览器进行访问的时候，发现并没有什么变化，这就是静态缓存。我们应该如何处理静态缓存呢？首先我们先了解什么是静态缓存。 静态缓存 ​ 静态缓存，一般指web类应用中，将图片、js、css、视频、html等静态文件/资源通过磁盘/内存等缓存方式，提高资源响应方式，减少服务器压力/资源开销的一门缓存技术。大致可以分为浏览器缓存、服务端缓存、CDN等 一、浏
Springboot 静态资源路径配置 实例介绍
2401_83915450的博客
05-02 76
关于分布式，限流+缓存+缓存，这三大技术（包含：ZooKeeper+Nginx+MongoDB+memcached+Redis+ActiveMQ+Kafka+RabbitMQ）等等。这些相关的面试也好，还有手写以及学习的笔记PDF，都是啃透分布式技术必不可少的宝藏。以上的每一个专题每一个小分类都有相关的介绍，并且小编也已经将其整理成PDF啦《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》点击传送门，即可获取！
js改变img标签的src属性在IE下没反应的解决方法
10-27
为了解决这个问题，一种可行的策略是在`src`属性的末尾添加一个动态的、唯一的字符串，例如当前时间戳。这样做可以强制浏览器认为这是一个全新的URL，从而重新加载图片。示例如下： ```javascript var date = new ...
让网页不被缓存的解决办法
08-13 424
缓存有利于网页的加载速度，但有时候，我们不希望页面被缓存，那如何在页面中声明呢？其实在HTML语言中，有现成的禁止缓存的方法，你只需在页面的<head></head>中加入以下几行声明代码即可： .代码 <META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <META HTTP-EQUIV="expires" CONTE
IIS 不显示网页中图片，图片地址后自动加“/”
csdn姚宏波
03-25 3929
一个问题，如页面中加载一个图片,若在本机vs中浏览嵌入网页的图片，可以正常显示，若部署到IIS上，则无法显示，查看图片路径发现如下所示 http://192.168.49.98:8080/images1/DMV1.jpg/ 和本机相比，图片地址后面多了个"/"，去除斜杠就可以显示了。最后学生发现原因在于img标签的书写方式，换成完整的html标签就可以了。，看来虽然html不是很严格的语言。但
通过meta设置防止浏览器缓存
weixin_30572613的博客
08-11 409
在页面静态化中，为了防止浏览器缓存真静态文件，通常我们需要在真静态文件生成时，添加如下代码到真静态文件头中 $handle = fopen('路径', 'r');$head = "<head> <meta http-equiv='Content-Type' content='text/html;Charset=utf-8' /> <meta http-equ...
vuecli2 vuecli3去除打包后静态资源文件名的hash值
Study_Live_Sun的博客
10-23 1581
vuecli2 修改vue项目根目录下的 build/webpack.prod.conf.js文件==》 js模块： output: { path: config.build.assetsRoot, filename: utils.assetsPath('js/[name].[chunkhash].js'),==》utils.assetsPath('js/[name].js?t=[chunkhash]') chunkFilename: utils.assetsPath('js/[id.
meta标签设置禁止加载缓存及延伸
Leayh
03-27 1876
背景 今天在优化ADTS3.0项目的过程中遇到了ckplayer拉流异常的问题，问了同组其他小伙伴，说是需要禁用浏览器的缓存。 解决 而在代码中开启这个功能就需要使用meta标签，具体的做法是： &lt;meta http-equiv="pragma" content="no-cache"&gt; &lt;meta http-equiv="cache-control" cont...
设置meta标签 清除页面缓存，如：<meta http-equiv="Cache-Control" content="no-cache"/>
上官飞蓬的博客
08-16 2056
http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> http-equiv="Pragma" content="no-cache" /> http-equiv="Expires" content="0" /> Cache-Control头域 Cache-Control指定请
CSS后缀加时间戳 解决页面缓存问题
rb_Russell的博客
09-28 6214
1.最近公司更新项目的时候 老客户一直反应页面异常，但是 测试人员的手机是没有问题的，究其原因就是页面css、js的缓存引起的， 那么我们怎么解决这个css、js页面的缓存问题呢 最好的办法就是在css和js后面加一个时间戳或者版本号 是不是太笼统了 没有具体的做法 如果你的页面是服务器端用框架渲染的，你就让他们声明全局变量时间戳 或者版本号 加载css、js后面 如果你的页面是前后分离的 你可...
src路径中添加math.random()
蹲茅坑逗蛆蛆
04-09 5220
遇到一个验证码问题 因为底层是用io流把后台产生的随机数做成一张图片 然后用io流写回前台 后台产生的随机数存在redis中 然后等输入验证码让这个验证码和redis中缓存的验证码比较 然后登陆 &lt;img id="vimg" title="点击更换" onclick="changeCode(this);" style="width: 90px; height:48px;...
如何让指定的图片不用这个后缀
最新发布
09-11
如果你想让特定的图片在打包时不添加内容哈希后缀，你可以采取以下几种方法： 1. **配置Webpack**: 在Webpack的配置文件（如`webpack.config.js`）中，找到处理静态资源的部分，可以设置图片文件的别名(`assetPath`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值