禁用http请求缓存from disk cache

实际用途

本人在做一个资讯交流类的vue项目中，有一个需求是点击资讯的删除按钮，将会删除这条资讯，听起来很简单，点击删除后，带上id去请求删除的接口，并将dom删除，但是问题来了，我确实删了这条资讯，dom也删除了，但当我点击了其他资讯再点击返回进入这个页面时，它又在视图里出现了！！！再刷新后，它又没了？？
找了半天原因，原来是因为浏览器启用了from disk cache（从磁盘缓存中获取）这个东西，那怎么禁用它呢，直接上代码

代码

禁用缓存 headers: {‘Cache-Control’: ‘no-cache’}

axios

axios.get('你的接口',  {headers: {'Cache-Control': 'no-cache'}})// 或者
const http = axios.create({headers: {'Cache-Control': 'no-cache'}
})

ajax

反正大同小异自己去试

ajax.get('你的接口‘’,  {headers: {'Cache-Control': 'no-cache'}})

本人才疏学浅，如有错误，请心平气和的指出，谢谢各位大佬！

禁用http请求缓存from disk cache相关推荐

内存缓存(from memory cache)和硬盘缓存(from disk cache) 的区别
引言 ?命中强制缓存时,资源会显示 from memory cache or from disk cache 两者的区别内存缓存(from memory cache) 内存缓存具有两个特点,分别是快 ...
chrome浏览器缓存 from disk cache
今天遇到个问题,同样的两个前端项目,服务器也一样,但是有一个项目的接口出现status:200 (from disk cache),之前从没遇见过,在此记录一下.解决办法:只要清除浏览器缓存(更多工具 ...
浏览器Disk Cache磁盘缓存及其协商缓存、及原生App和浏览器实现缓存的差异
浏览器Disk Cache磁盘缓存及其协商缓存.及原生App和浏览器实现缓存的差异目录浏览器Disk Cache磁盘缓存及其协商缓存.及原生App和浏览器实现缓存的差异 1.Memory Cach ...
聊一聊缓存 [from memory cache 和 from disk cache]
今天看到了一个问题,如果浏览器关闭了再打开, 请求还是from cache吗? 笼统的说yes 现在简单的来分析一下,首先,大家可以想一下,浏览器的缓存存放在哪里,如何在浏览器中判断强制缓存是否生效 ...
为什么http请求会缓存？显示from disk cache?
请求一个接口,发现status code = 200; 但是居然是否 from disk cache?接口也会缓存吗?请问是什么原因? 问题描述:请求接口,发现拿的还是旧数据,排查了一天,后面和前端发 ...
301缓存重定向？301 Moved Permanently (from disk cache)
今天在写一个博客系统时,发现首页数据经常刷新不出来,甚至后端根本就没有接受到这个请求,以为是Ajax的问题,但通过抓包发现Ajax请求确实已经发出去了,但状态码是 301 Moved Permanen ...
Status Code:200 OK (from disk cache)和304的区别，以及怎么禁止缓存
有时候缓存是 200 OK (from disk cache)有时候会是 304 ? 看运维是否移除了 Entity Tag.移除了,就总是 200 OK (from cache).没有移除,就两者交 ...
缓存存在那些位置？缓存位置可分Service Worker、Memory Cache、Disk Cache、Push Cache四种
从缓存位置上来说分为四种,并且各自有优先级,当依次查找缓存且都没有命中的时候,才会去请求网络. Service Worker Memory Cache Disk Cache Push Cache Se ...
浏览器缓存：memory cache、disk cache、强缓存协商缓存等概念
文章目录分类 memory cache disk cache Service Worker Push Cache 缓存过程强缓存 1.Expires 2.Cache-Control Expires ...

禁用http请求缓存from disk cache

实际用途

代码

axios

ajax

禁用http请求缓存from disk cache相关推荐

最新文章

热门文章