防止缓存的方式一添加版本号(URL添加随机数)

最新推荐文章于 2024-01-31 19:26:23 发布
最新推荐文章于 2024-01-31 19:26:23 发布
阅读量5k 收藏
点赞数 1
分类专栏： 前端 js 微信
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liukai6/article/details/78656203
版权
前端 同时被 3 个专栏收录
101 篇文章 1 订阅
订阅专栏
js
78 篇文章 1 订阅
订阅专栏
微信
28 篇文章 1 订阅
订阅专栏

如何给URL加上随机数,防止缓存
这里我们最简单的方式就是在url?后面加上一个随机数,欺骗浏览器来
达到防止缓存的效果
https://demo.com?v=' + parseInt(Math.random()*1000000000)
这样就可以了.也就相当于在页面上加上了一个版本号的效果.

liukai6
关注
专栏目录
URL路径名+参数名+版本号 命名 经验总结（Restful最佳实战）
li_tiantian的博客
08-11 8629
每个资源使用两个URL     资源集合使用一个URL，具体某个资源用一个URL     推荐：         */employees      资源集合的URL 用名词的代替动词表示资源     不推荐：         ~~/getAllEmployees~~         ~~/getAllExternalEmployees~~         ~~/createEmployee~~ ...
js加版本号 webpack_Webpack Plugin 自动生成版本号等配置并通过前端服务器获取更新微信缓存旧代码问题...
weixin_36481059的博客
12-30 490
[目录]背景引申问题思路使用示例Env添加版本变量插件代码配置文件中引入VersionPlugin验证版本号并处理Shell终端执行打包优化如何通过编译指令指定版本号？其他插件其他处理缓存方式及问题参考文章[TAG]:VueJavaScriptWebpack Plugin自动版本号微信缓存更新背景微信H5开发中，遇到了问题：微信H5对Index.html缓存问题，使得提测过程中、发布Release...
避免缓存，为所有css、js加版本号
热门推荐
阿龙的博客
09-04 1万+
近日遇到有客户反应，页面打开显示不正常，不能完全的显示出页面。细问之下才得知，原来是有一个js文件修改了一个方法，但是上线后由于浏览器缓存的原因，还是加载的旧js文件，导致页面显示不正常了。给客户解释由于系统更新，需要强制刷新才可以。这天陆续又有客户反映遇到此问题，而有些客户由于对电脑了解的少，你说强制刷新他也不知怎么操作。思考是不是由网站自己解决此问题。先是考虑在页面引用的js文件后面加随机数来
URL请求后面问啥要加随机数？
choulian7014的博客
07-13 1134
比如http：www.jd.com/item-list?_499944864509 1,防止IE缓存，如果同样的参数请求一个页面，第一次响应，第二次就不会响应，所以在url中加随机请求参数，表示和上次请求的不同，IE不能缓存相同的url，一般在dubbo+maven+EasyUI中的t...
ajax请求地址后加随机数防止浏览器缓存
ac果的博客
08-17 276
比如某个项目需要根据session中的信息显示到头部，第一次请求数据加入到session中，此时头部信息正常显示，然后删除session中的数据，接着使用相同的参数请求相同的地址，但是因为浏览器使用缓存，其实是不会发起请求的，而是使用缓存中的数据（此时为空），这样再次根据session中的信息就无法正确显示到头部。IE浏览器下使用GET发送请求时，如果两次请求的地址和参数相同，在不刷新页面的情况下，浏览器会缓存第一次请求的内容，服务端更新后浏览器仍然显示第一次的内容。也可以传一个随机的参数。
url链接后面加随机数-随机时间
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
04-06 1741
链接后面加随机数-随机时间-"?timestamp=" + new Date().getTime(); window.location.href="aa.html?id=" + id +"?timestamp=" + new Date().getTime(); "?timestamp=" + new Date().getTime();
Jquery $.getJSON 在IE下的缓存问题解决方法
12-10
如果可能，应优先考虑在服务器端控制缓存策略，或者使用API版本号来区分不同的数据状态。 总之，理解浏览器的缓存行为对于Web开发至关重要，尤其是处理异步数据请求时。遇到类似问题时，开发者需要根据具体情况选择...
js、css、img等浏览器缓存问题的2种解决方案
12-02
更推荐的方法是使用版本号控制，通过在URL中添加一个固定的版本号来标识资源的更新。在发布新版本时，增加版本号。例如： ```html <script type="text/javascript" src="/js/test.js?v=<%=v%>"> ``` 在这个例子中，`...
关于angularJs清除浏览器缓存的方法
10-18
同样，对于CSS和JS文件，也可以在链接中添加版本号或时间戳，确保浏览器加载最新版本： ```html ``` **三、清除Route缓存** 在AngularJS的路由配置中，可以设置`reloadOnSearch: false`来禁止因查询参数变化而...
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
09-05
1. **URL参数变动**：如示例代码所示，通过在图片URL后面添加一个动态的参数（如时间戳或随机数），可以迫使浏览器认为这是个新的URL，从而绕过缓存。例如： ```javascript $(".myImg").attr("src", "yourUrl....
自动给html文件内的引用资源增加版本号；JS自动版本生成
07-15
自动给html文件内的引用资源增加版本号，环境是python2.7， 可以直接编辑.py文件，在里面设置忽略的引用。 在html内部查找style 和js 引用，并在文件名称后面加上 ?v=23452(随机)
url上添加随机数防止缓存
hapasm的博客
03-16 1894
1、通常使用ajax访问url添加JS，ajax请求地址后加随机参数，比如XXXX?t= + new Date().getTime()。或者 在url后面加一个随机数。      url=test.jsp?number=Math.random(); 浏览器为了提高用户访问同一页面的速度，会对页面数据进行缓存。当url请求地址不变时，有时候会导致浏览器不发送请求，直接从缓存中读取之前的数据。如果数据...
引用静态资源的url添加版本号，解决版本发布后的浏览器缓存有关问题
dian9029的博客
03-06 945
　　在日常的工作中，我们经常会遇到页面文件（html,jsp等）中引用的js，css，图片等被修改后，而浏览器依然缓存着老版本的文件，客户一时半会看不到修改后的效果，同时也给生产环境的版本发布带来了一些问题。 　　其实遇到这种问题，我们第一反应是清空浏览器缓存，但是我们不是客户啊，也不能要求客户每次去清空缓存。所以遇到这种问题我们的解决方法如下： 通常的解决方法就是在资源后...
前端发布静态资源自动增加版本号
最新发布
lgq2016的博客
01-31 1154
前端服务发布，一些css,js文件的响应头会进行强缓存的设置，比如响应头：Cache-Control, Etag, Last-Modified等。结果就是浏览器会缓存这些静态资源文件，如果前端服务迭代发布了，即使静态资源进行了更新，但是你的浏览器可能使用强缓存，访问缓存在本地的旧的静态资源文件，造成一系列的问题。本文基于openresty在nginx上面解决该问题。
用jq给link和script标签加随机的版本号（兼容IE5）
weixin_30419799的博客
02-07 355
$("link,script").each(function(){ var t=Math.random().toFixed(4); /*var $tag=$(this).prop("tagName").toLowerCase();//获取当前元素的标签名 if($tag == "link"){ var $h...
移动端项目发布时路径中增加版本号
lgq2016的博客
02-28 2304
目前应用发布终端常用的两种方式，pc和移动端，一些前端功能迭代发布时会因为缓存问题导致功能发布后，用户并没有获取到新发布的功能，pc可以通过清除缓存来解决，但是移动端，比如手机用户并不知道怎么清除缓存，导致一些前端新功能发布到手机后，用户没办法获取到新发布的功能。 我通过在路径中增加版本号来解决这个问题。比如：https://www.cnblogs.com/v1.0.0/taven/archive, 其中v1.0.0为增加的发布版本号 项目使用docker部署，下面展示一下具体的实现细节。 1.doc
html版本号 webpack_Webpack Plugin 自动生成版本号等配置并通过前端服务器获取更新微信缓存旧代码问题...
weixin_39630637的博客
12-21 174
[目录]背景引申问题思路使用示例Env添加版本变量插件代码配置文件中引入VersionPlugin验证版本号并处理Shell终端执行打包优化如何通过编译指令指定版本号？其他插件其他处理缓存方式及问题参考文章[TAG]:VueJavaScriptWebpack Plugin自动版本号微信缓存更新背景微信H5开发中，遇到了问题：微信H5对Index.html缓存问题，使得提测过程中、发布Release...
用script外联js、css添加随机数防缓存
weixin_44741890的博客
06-28 1843
给JS添加随机数 给script引用随机数时尾部的结束script要加反斜杠（\） 转义 在给CSS添加随机数
Vue指令
qac的博客
01-27 336
文章目录01.v-if和v-show02.v-for03.v-model04.v-bind05.v-cloak06.v-once和v-pre07 .prevent和.stop08.watch和computed 01.v-if和v-show v-if控制的是标签是否存在 true存在 false的时候是不存在 v-show控制的是标签的显示隐藏 true显示 false的时候隐藏 如果变量作为的值的时候，不用加{{}} 如果只是单纯显示隐藏最好使用show 。效率高 <body> <d
如何在随机数中添加一个数据
03-28
要在随机数中添加一个数据，需要先确定随机数的范围，然后生成一个随机数并将其存储在一个数组或列表中。然后将要添加的数据插入到这个数组或列表中，这样就完成了在随机数中添加一个数据的操作。 以下是一个示例 Python 代码，演示如何在随机数中添加一个数据： ```python import random # 定义随机数的范围 min_num = 1 max_num = 10 # 生成一个随机数列表 random_list = [] for i in range(5): random_list.append(random.randint(min_num, max_num)) # 输出随机数列表 print("随机数列表：", random_list) # 添加一个数据到随机数列表中 new_data = 7 random_list.append(new_data) # 输出添加后的随机数列表 print("添加后的随机数列表：", random_list) ``` 运行结果： ``` 随机数列表： [7, 3, 10, 2, 9] 添加后的随机数列表： [7, 3, 10, 2, 9, 7] ``` 在上面的示例中，我们先定义了随机数的范围，然后使用 Python 的 `random.randint()` 函数生成了一个长度为 5 的随机数列表。接着，我们添加了一个新的数据 7 到随机数列表中，并输出了添加后的随机数列表。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值