js缓存问题及解决方法

最新推荐文章于 2023-12-19 14:49:51 发布
最新推荐文章于 2023-12-19 14:49:51 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： js 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_35417589/article/details/102474172
版权

js缓存问题

在项目中，由于要做自动提交，修改了流程提交的js文件，开发及测试环境都没问题，上生产后发现未自动提交，排查了半天，才发现是浏览器缓存问题

解决

  1. 给js文件加版本号
    <script src="workflow-taskprocess.js?ver=1"></script>
    ver = n，n代表版本号
  2. 给URL加随机数，即欺骗浏览器达到防止缓存的目的。
    https://路径?v=’ + parseInt(Math.random()*1000000000)
  3. 在浏览器端关闭缓存（自己用）
    在这里插入图片描述
weixin_35417589
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue单页缓存存在的问题及解决方案(小结)
12-08
以下是对这些问题的详细分析及解决方案： 1. **CSS同名覆盖**：在使用 scoped 样式时，如果子组件和父组件有同名样式，可能导致样式覆盖问题。解决方案是在子组件样式前加上 `::v-deep` 或 `/deep/`，如： ```css ...
ajax调用中ie缓存问题解决方法
10-23
总的来说，理解IE浏览器的缓存机制并掌握相应的解决方法对于编写健壮的AJAX应用程序至关重要。通过上述措施，我们可以确保在IE浏览器中始终获取到最新的服务器数据，避免因为缓存导致的问题。希望这些信息能对你在...
在开发鸿蒙应用遇到的.js和.js.map缓存文件问题
最新发布
ChenKuoHo的博客
12-19 906
删除.js和.js.map缓存文件
WEB前端开发js，css文件浏览器缓存问题处理
小学程序员的博客
11-23 368
请求路径文件加版本号（简单粗暴有效） <script src="../js/common.js?v=1"></script> <script src="../js/mui.min.js?v=1"></script> <script src="../js/public.js?v=1"></script> 每次修改js，css文件后 一同修改版本号，前端就会请求新版本号的文件了 ...
解决静态资源文件js/css缓存问题(超详细总结版)
a624193873的博客
11-18 1万+
什么是静态资源文件 顾名思义，静态资源文件就是js、css、img等非服务器动态运行生成的文件，统称为静态 资源文件。 为什么要缓存静态资源文件 静态资源文件是基本不会改变的，没必要每次都从服务器中获取。也就是说，我们每次向 服务器发送请求得到的静态资源是相同的。所以我们可以把静态资源缓存再浏览器，也就 是客户端，来进行性能优化。 虽然绝大多数css和js文件都只有几百k，但有些时候会存在如字...
前端常见问题以及处理方式 - - - （一）浏览器缓存以及解决方法
热门推荐
业余丰富各种技术栈
07-28 2万+
前端常见问题以及处理方式 - - - （一）浏览器缓存以及解决方法
解决js缓存严重的问题
imjavaxb的博客
02-26 1507
一：重新编译项目； 二：清除浏览器缓存（选项里清除Cookie 和网站数据）。
js、css、img等浏览器缓存问题的2种解决方案
12-02
然而，当服务器端更新了JavaScript（js）、CSS样式表（css）或图像（img）等静态资源时，浏览器可能会继续使用旧的缓存版本，导致用户看到的是过时的内容。为了解决这个问题，我们可以采取两种主要策略：生成随机...
vue spa应用中的路由缓存问题与解决方案
10-16
本文将详细讲解Vue中解决SPA路由缓存问题的方法。 首先，我们需要理解SPA中的路由缓存问题。当用户在SPA中前进和后退时，浏览器默认的行为是重新加载和渲染当前路由对应的组件，这会导致页面状态的丢失，比如滚动...
Ajax中浏览器的缓存问题解决方法
12-01
以下是几种常见的解决方案： 1. 设置请求头： 在发送Ajax请求之前，可以通过设置HTTP头来告诉浏览器不要缓存这次请求。例如，可以添加以下代码： ```javascript anyAjaxObj.setRequestHeader("If-Modified-Since...
html前后端缓存,前后端分离系列-缓存篇
weixin_29968283的博客
06-09 738
1.我们需要在静态文件返回给浏览器的时候header中的缓存变长，这样就可以在本地秒加载，省去了带宽和加载时间修改server.jsconst path = require('path');const Koa = require('koa');const send = require('koa-send');const Router = require('koa-router');const ap...
前端解决js、css等浏览器缓存问题
JxiaoZhang的博客
06-03 4135
前景：近期公司做了一款针对IE8的产品，这就要求使用原生HTML+jQuery1.9。测试过程中发现每次发版都要清理浏览器缓存才能访问最新代码，这跟浏览器机制有关。 我们没办法要求用户每次更新版本之后清理浏览器缓存，所以要做的就是不使用浏览器缓存。 1.关于js、css在每次引用之后添加版本号，使其能区分版本： <link rel="stylesheet" type="text/css...
解决浏览器JS缓存问题的两种方法
weixin_34242658的博客
01-08 1205
2019独角兽企业重金招聘Python工程师标准>>> ...
前后端分离+本地服务实时刷新+缓存管理+接口proxy+静态资源增量更新+各种性能优化+上线运维发布——gulp工作流搭建...
weixin_30894583的博客
05-13 91
技巧集：http://www.gulpjs.com.cn/docs/recipes/ 其实无非就是利用各种gulp插件、node脚本对项目文件做各种IO操作，只是备忘，需要的话，还是自己重新写最合适。 1. 一个justwork的多页应用工作流 毛病：如果需要task之间的同步依赖关系，那么上一个task function里面需要有return；各个task的依赖，应该用gulp...
VUE的router-link不刷新,路由跳转后缓存还在的终极一步到位的解决方法,也适用与若依框架
子豪的博客
09-07 4077
如果你用的是若依框架的话,直接打开src/api/router/index.js路由配置项。我是要跳转到/system/sale-saleDetail/index/+ id参数。只要是true就可以每次跳转都刷新缓存了,默认是false.网上找了一大堆,屁用都没有,自己琢磨了一下简单的要死.网上搞得那些方法没一个有用的,浪费时间啊!比如,我的html是这样的。
给js加版本号解决浏览器缓存问题
weixin_30677475的博客
06-19 762
我们知道打开网页时浏览器会加载需要的资源，比如图片、音频、js文件、css文件等。并且会把这些资源作为缓存保存下来，再次打开网页时缓存好的资源就不需要再次加载了。但是，这样有一个问题，就是当程序猿更新了网页内容后，因为浏览器缓存的存在，可能没有办法显示出更新后的内容。 今天我就遇到了这样的问题，做了一个小游戏的网页，用到了大量的图片和音频，测试时更新的js不能立刻反馈，总是需要清除缓存...
JS Version Test
hrb133yqq的专栏
11-05 422
JS Version Test
JS代码中刷新，页面中不刷新，没有变化
weixin_42543114的博客
05-10 1321
在引用JS的语句后加入ver=1; 例如：
四、JS之表单校验
panchang199266的博客
05-30 902
  详情参见Jquery Validate 相关参数及常用的自定义验证规则
如何解决html+js+css缓存问题
06-10
HTML、JS和CSS缓存问题可以通过以下几种方式来解决： 1. 文件版本控制：给每个文件添加版本号，每次文件更新时修改版本号，这样浏览器会重新请求最新的文件。 2. 强制缓存和协商缓存：可以通过设置HTTP响应头来控制浏览器的缓存行为。强制缓存通过设置Cache-Control和Expires头来告诉浏览器在一定时间内不需要重新请求资源，而协商缓存通过设置Last-Modified和ETag头来告诉浏览器是否需要重新请求资源。 3. CDN缓存：使用CDN可以通过将静态文件缓存在CDN服务器上来减少原始服务器的压力。CDN服务器通常会自动处理缓存问题，不需要手动设置。 4. 修改文件名：如果文件名中包含哈希值或时间戳，可以保证每次文件更新时文件名都会改变，这样即使缓存未过期也会重新请求最新的文件。 以上几种方法可以结合使用来解决HTML、JS和CSS缓存问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值