nginx部署微信项目：解决微信浏览器缓存问题

最新推荐文章于 2024-07-24 07:27:44 发布
最新推荐文章于 2024-07-24 07:27:44 发布
阅读量3.2k 收藏 7
点赞数
分类专栏： nginx 文章标签： nginx 缓存
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_21761793/article/details/106650003
版权
本文针对微信浏览器缓存导致的网站内容更新不及时的问题，提出了一个解决方案。在nginx配置中添加特定代码，可以清除缓存并禁止缓存，确保用户能够获取最新内容。
摘要由CSDN通过智能技术生成

问题描述

微信公众号网站或H5网站发布站点内容后一直显示的旧内容无法更新的，登录token失效后也无法执行相应js退出，其实是微信浏览器的缓存机制导致的。最开始尝试过对网站链接加版本号等都不起作用，以下是针对 nginx 部署项目的解决方案。

解决方案

在nginx对应 xxx.conf 中增加下列代码，清除缓存，设置不缓存。
（其中 $root 要修改成实际站点源码目录）

location ~* ^.+\.(jpg|jpeg|png|ico|css|js)$ {
   
    root $root
最低0.47元/天 解锁文章
不晓笙
关注
专栏目录
微信html页面缓存问题,浅谈微信页面入口文件被缓存解决方案
weixin_35039018的博客
06-03 3117
缓存对于前端页面来说，是加速页面加载的利器之一，但也同时带来了很多问题，比如新版本发布之后，怎么替换客户端上的缓存文件呢？大家一般的的解决方案主要有以下几种形式，一般情况1、添加版本号，在静态资源文件的引用链接后面添加版本号，这样每次发布的时候更新版本号，就能让叫客户端加载新的资源文件，避免再次使用缓存的老文件，如2、文件名使用hash形式，webpack中打包文件可直接生成，这样每次打包发布的时...
nginx页面缓存陪置
weixin_33860737的博客
03-04 198
nginx安装配置参考：http://freeloda.blog.51cto.com/2033581/12885531.指令说明proxy_cache_path语法：proxy_cache_path path [levels=number] keys_zone=zone_name:zone_size [inactive=time] [max_size=size]; 默认值：N...
Nginx 怎样处理请求的缓存数据清理策略？
最新发布
技术笔记
07-24 905
Nginx 的缓存数据清理策略就像是一场精心编排的舞蹈，需要在存储空间、数据时效性和用户体验之间找到完美的平衡。通过合理选择清理策略、精细配置参数，并结合实际业务需求进行优化，我们可以让 Nginx 这台强大的服务器发挥出最佳性能，为用户提供更加快速、流畅的网络服务。就如同一位优秀的管家，精心打理着家中的每一个角落，让一切都井井有条。Nginx 也在默默地为我们的网站服务，通过巧妙处理缓存数据的清理，为用户打开一扇通往快速、高效网络世界的大门。
Nginx 浏览器缓存
weixin_33709219的博客
06-15 195
浏览器缓存原理 HTTP协议定义的缓存机制（如：Expire；Cache-control等） 浏览器无缓存场景图 浏览器有缓存场景图 缓存校验过期机制 （1）第一步：客户端缓存校验 　　第一步：本地客户端通过Expires、Cache-Control（max-age）字段校验本地缓存是否过期 Expires出现在Http1.0版本；Cache-Control...
nginx导致缓存问题
wangwenzhe的博客
05-17 3601
nginx导致缓存问题 开发过程中遇到一个很奇怪的问题,页面明明重新发布了,浏览器缓存也清理了很多遍了 确认浏览器没有缓存了,但是页面上的静态文件一直是之前的文件 经过排查 是由于nginx缓存导致的,直接重启nginx解决 解决这个问题耗费四个小时,记录下来 项目架构 ...
微信浏览器内单页应用缓存问题解决方案实践
slw632915651的博客
04-25 7962
一、问题背景 问题描述： 微信内单页web应用，在进行版本迭代的时候，尝尝会遇到一个老大难问题。----缓存 大部分用户，通过链接进入我们的应用，一般都不会去手动刷新一下我们的应用(右上角三个点，然后点击刷新)， 这样就会导致我们对程序版本迭代和内容更新的时候，总有一些手机用户因为缓存原因，内容无法及时的更新或者产生错误的展示。 系统环境： 前端单页页面（vue页面通过vue-cli打...
微信浏览器取消缓存的方法
董小姐不懂你的博客
04-26 794
1、解决方案是在调试阶段或者频繁更新的页面加入以下头信息<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="
微信浏览器内单页应用缓存问题解决方案实践(转,实践有效以此记录)
YKWNDY的博客
06-12 1171
原文链接：https://blog.csdn.net/slw632915651/article/details/89520845 一、问题背景 问题描述： 微信内单页web应用，在进行版本迭代的时候，尝尝会遇到一个老大难问题。----缓存 大部分用户，通过链接进入我们的应用，一般都不会去手动刷新一下我们的应用(右上角三个点，然后点击刷新)， 这样就会导致我们对程序版本迭代和内容更新的时候，总有一些手机用户因为缓存原因，内容无法及时的更新或者产生错误的展示。 系统环境： 前端单页页面（vue页面
nginx缓存不起作用问题解决方法
09-30
总结来说，解决nginx缓存不起作用的问题，可以通过修改源服务器的响应头或直接在nginx配置中使用proxy_ignore_headers指令来控制nginx的缓存行为。需要注意的是，忽略服务器端的缓存控制可能会影响到内容的实时更新...
浅谈微信页面入口文件被缓存解决方案
10-17
本文主要探讨的是微信页面入口文件被缓存的解决方案，这在微信浏览器中是一个尤为突出的问题。 首先，我们来理解下常见的前端缓存处理策略： 1. **添加版本号**：在静态资源文件的URL后面附带版本号，例如`...
微信小程序https服务nginx配置示例.pdf
06-05
在微信小程序中，通常将nginx作为服务器后端，负责接收客户端请求，并将请求转发给相应的服务端应用。 3. https服务配置：配置https服务涉及到nginx监听443端口、加载SSL证书和私钥文件。SSL证书和私钥文件通常保存...
nginx实现对css，js文件缓存
fengcy的博客
09-07 5331
因此，如果存在合适的验证令牌 (ETag)，no-cache 会发起往返通信来验证缓存的响应，如果资源未被更改，可以避免下载。其中max-ages=2592000的意思是，缓存保存2592000秒，也就是30天（参见下表），30天后回重新向服务器请求资源，并重新保存缓存文件。我们在nginx实现对静态文件的缓存可以使我们服务在访问这些文件时，不需要请求服务器响应，直接访问缓存文件，达到提速的效果。红色标注的是需要修改的地方，蓝色标注的可以不需要，修改之后重启nginx。首先我们先看一下，没设置之前的效果。
Nginx缓存&优雅清除缓存
StoNENee的博客
05-16 4495
Nginx缓存&优雅清除缓存
vue SPA项目，浏览器和nginx反向代理缓存问题解决实方案
weixin_33781606的博客
12-10 2591
问题背景a.浏览器端在每次发布新的版本时候，总会出现因为单页面项目中index.html文件（200 ok from disk cache 不发送请求，直接取用了本地磁盘缓存）和服务端版本不一致的问题，导致用户不能及时更新，需要通过手动刷新来强制从服务端更新文件。b.补充一下，服务端和浏览器之间架构。三级缓存问题上述，我们看到浏览器没有发出请求直接从磁盘中取出index.html文件，这其实是二级...
nginx缓存html静态文件，解析php及反向代理IIS的配置
u010090557的博客
01-05 240
      Nginx缓存html静态文件 解析php及反向代理IIS的配置，供初学的朋友参考。 server { listen 80; server_name k; #碰到域名为k的 就交给iis来运行 location / { proxy_pass http://k:8080/;#我的IIS上面的站点即为http://k:8080 ...
Nginx 缓存配置
b15735105314的博客
06-30 2881
与Nginx缓存相关的一共有两个部分，一个是Nginx控制资源在浏览器中的缓存（可以提高单个用户的访问速率），另一个是控制Nginx上游服务器的静态资源缓存到Nginx（优化内网传输，可以提高所有用户的访问速率）。 一、配置浏览器缓存 浏览器默认是有缓存的，也就是Nginx不设置与浏览器相关的缓存的时候，浏览器会使用自己的缓存设置，但是当Nginx(或者其他服务器）设置了静态资源在浏览器中的缓存的时候，浏览器就会使用Nginx(或者其他服务器)设置的缓存配置。 浏览器在获取新静态资源的时候...
nginx清除缓存
cherry_zhang18的博客
08-26 5147
location ~* \.(html)$ { root /opt/public; add_header Cache-Control no-store; } location ~* \.(js|css|map|jpg|png|svg|ico)$ { root /opt/public; add_header Cache-Control "public,max-age=2592000"; }
微信小程序视频课程：移动商城项目实战
"微信小程序基础精讲及项目实战视频课程（移动商城）课件资料" 在微信小程序开发中，理解其工作原理和技术架构是至关重要的。这个课件资料可能涵盖了从基础概念到实际项目开发的全面知识。让我们深入探讨一下其中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值