react js清除浏览器缓存

最近遇到这样一个问题,项目在谷歌上完全正常,但是到了ie浏览器,发现点击保存之后界面没有刷新,打开F12,接口调用成功,下发参数正确,查询返回的结果还是原来那个。定位之后,发现查询走的是浏览器缓存...

F12已接收那显示(来自缓存),时间0秒。

下面就是清缓存的方法:加上这句 Pragma: 'no-cache',

headers: {
                    Pragma: 'no-cache', //解决IE 11走缓存无法刷新问题
                    Authorization: window['Token'],
                    'Content-Type': 'application/json'
                }

这样就可以清理掉IE浏览器的缓存啦~~

撒花!!

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
React中加载第三方库时,有时候浏览器会缓存这些库文件,导致无法及时获取到最新版本或新更改的内容。为了能够清除浏览器缓存,我们可以采取以下几种方法: 1. 在引入第三方库的地方添加版本号:可以在引入第三方库的URL链接中添加版本号,每次更新时更改版本号。浏览器会根据版本号来判断文件是否已缓存,如果版本号发生变化,浏览器会重新请求最新的文件。 2. 使用CDN:如果第三方库的文件是托管在CDN上的,可以通过CDN提供的缓存刷新方式来清除浏览器缓存。一般来说,CDN提供商会有相应的API或界面来帮助刷新缓存,我们可以使用该功能手动进行缓存刷新。 3. 在构建时添加哈希值:在构建React应用时,可以通过配置构建工具(如Webpack)来为生成的文件添加哈希值。每次构建后,文件名中的哈希值会发生变化,浏览器会将其视为新的文件,从而清除缓存并获取最新版本。 4. 设置HTTP头缓存策略:可以通过在服务器端设置HTTP头来控制浏览器缓存。合理设置Expires、Cache-Control和ETag等头信息,来告诉浏览器何时将缓存文件过期并重新请求最新文件。 需要注意的是,以上方法只能清除浏览器缓存,但并不能强制用户的浏览器立即更新文件,因为浏览器的缓存机制是由浏览器自身控制的。因此,在开发React应用时,最好遵循版本管理和文件哈希等规范,以保证用户能够在最短的时间内获取到最新的第三方库文件。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值