宝塔面板站点浏览器缓存清理适配 全流程实操避坑指南

为啥要专门在宝塔做缓存适配？

你有没有发现改完站点代码，刷N次浏览器还是旧内容？清了本地缓存还没用，后台传了新文件前端就是不更新？这破事我之前踩坑踩了快一周才摸透，宝塔里调对缓存规则，能省你80%的无效刷新时间。

说白了浏览器缓存本来是帮用户省加载时间的，你站点迭代更新的时候，就成了拦路虎。很多人只会清自己本地的缓存，总不能让所有用户都跟着清吧？还有人直接关所有缓存，结果站点加载速度直接掉一半，SEO排名都跟着跌，完全是拆东墙补西墙。

宝塔端缓存清理适配实操步骤

先搞懂你站点的缓存类型

别上来就瞎改配置，先捋清楚你现在的缓存是哪来的。要是你装了宝塔自带的nginx缓存插件，先去插件列表找nginx缓存的管理页，要是用了CDN的话先把CDN的缓存规则也同步改，不然改了宝塔也白搭。

针对性清理+规则适配才是正解

临时清单个站点的缓存更简单，进宝塔对应站点的管理页，找到配置文件的tab，要是用nginx的话直接找缓存相关的配置段，不想改代码的话直接在站点设置的「缓存」模块里，点清理缓存按钮就行，单次清的话这步就够了。

要是想长期适配不用每次更内容都手动清，直接加个缓存规则，把html、htm这种动态文件的缓存时间设成1小时或者更短，js、css、图片这些静态资源可以设7到30天，但是要给静态资源加版本号后缀，这样更新的时候浏览器自动识别是新文件，不会读旧缓存。给你们贴个通用的nginx配置代码，直接塞到站点配置的server段里就行：

``` location ~ \.(html|htm)$ { expires 1h; add_header Cache-Control "public, must-revalidate"; } location ~ \.(js|css|png|jpg|gif|svg)$ { expires 30d; add_header Cache-Control "public, immutable"; } ```

贴完保存重启下nginx，当场生效。

适配完必做的验证操作

别改完就以为完事了，拿 chrome 开隐身窗口测一遍，F12打开网络面板，刷新看请求头的Cache-Control字段是不是和你设的一样。要是改完还是有旧缓存，直接在宝塔面板首页点重载配置，还不行就清下你自己本地的DNS缓存，cmd输ipconfig /flushdns就行，99%的问题都能解决。

对了要是你用了WordPress之类的建站程序，别忘了把程序自带的缓存插件也一起清了，三层缓存都对齐，就不会出现用户那边刷不出新内容的破事了。

其实这玩意真没多难，之前我踩坑就是上来瞎改配置，把所有缓存全关了，结果站点打开慢到用户直接跑了，摸清楚逻辑之后调对规则，更新内容根本不用挨个喊用户清缓存，省老多事了。