如何在reactjs中清除浏览器缓存

新手上路,请多包涵

每次我对我的网站进行更改并尝试将这些更改更新到正在运行的网站时,我都必须硬刷新浏览器。有没有办法通过代码来做到这一点

我已经尝试搜索它,但大多数人都说无法完成。参考帖子: 如何以编程方式清空浏览器缓存?

**响应标题:

 HTTP/1.1 200 OK
Server: nginx/1.12.2
Date: Fri, 06 Jul 2018 10:01:23 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: keep-alive
Vary: Accept-Encoding
Content-Encoding: gzip

**请求标头:

 GET / HTTP/1.1
Host: --example--.com
Connection: keep-alive
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8
Accept-Encoding: gzip, deflate
Accept-Language: en-GB,en-US;q=0.9,en;q=0.8,hi;q=0.7
Cookie: fingerPrint=e4a9037b8f674722f414b0b59d8d663c

原文由 Sunil Choudhary 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 1.2k
1 个回答

对于这种特定情况,您可以通过在 <head> 标签中使用以下元标记来告诉浏览器不要缓存您的页面:这是临时解决方案,对于永久解决方案,您应该使用适当的标头处理由您的 API/后端发送。

 <meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>

要使用 API/后端处理此问题,您应该从后端发送带有资源的适当标头。同样,如果您尝试暂时禁用缓存,您可以通过禁用浏览器缓存来实现。为此,请按照以下步骤操作。

在您的开发人员工具中。查找网络选项卡并禁用缓存。就像图片中的这里一样。

在此处输入图像描述

希望这能解决。

缓存标头: https ://developer.mozilla.org/en-US/docs/Web/HTTP/Caching

原文由 Mustkeem K 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题