nginx缓存清理 - 技术栈

背景

昨天打开我的gpt镜像网站，意外发现静态图片资源全都无法获取了

一番排查下来，发现是引用的cdn链接失效了

且cdn源是属于七牛云的，且不再维护，于是果断切换到cloudflare

复制代码

export function getEmojiUrl(unified: string, style: EmojiStyle) {
  // return `https://cdn.staticfile.org/emoji-datasource-apple/14.0.0/img/${style}/64/${unified}.png`;
  return `https://cdnjs.cloudflare.com/ajax/libs/emoji-datasource-apple/14.0.0/img/${style}/64/${unified}.png`;
}

然后重新给前端项目打包，打镜像，部署

复制代码

yarn
yarn install
yarn build
docker build -t aichat-web:latest .
docker-compose up -d

一系列操作之后，发现...静态资源还是不生效，cdn修改未成功

抱着怀疑的态度，进行各种合理猜测和推敲，比如编译不成功？代码未成功修改？浏览器缓存？种种，经验证都不是，最后想到了可以绕过nginx，通过ip+端口直连前端服务，果然通了，代码一切正常。

到了这里问题已经很明显了，就是nginx缓存导致的

nginx会缓存一些静态资源，如果恰巧修改了静态资源，且未清除缓存，就可能会导致问题的产生

清除nginx缓存

这里就很头疼了，因为缓存相关配置指令是 "proxy_cache_path "

,但默认情况下，nginx.conf配置文件是不包含这个指令的，不过好在困难总比方法多，可以使用linux的搜索功能。

复制代码

grep -r "proxy_cache_path"  /www

由于我的nginx是从宝塔上安装的，所以搜索这个问题。

果然被我发现端倪了

复制代码

/www/server/nginx/conf/proxy.conf:proxy_cache_path /www/server/nginx/proxy_cache_dir levels=1:2 keys_zone=cache_one:20m inactive=1d max_size=5g;

查看这个文件：

复制代码

cat /www/server/nginx/conf/proxy.conf

proxy_temp_path /www/server/nginx/proxy_temp_dir;
proxy_cache_path /www/server/nginx/proxy_cache_dir levels=1:2 keys_zone=cache_one:20m inactive=1d max_size=5g;
client_body_buffer_size 512k;
proxy_connect_timeout 60;
proxy_read_timeout 60;
proxy_send_timeout 60;
proxy_buffer_size 32k;
proxy_buffers 4 64k;
proxy_busy_buffers_size 128k;
proxy_temp_file_write_size 128k;
proxy_next_upstream error timeout invalid_header http_500 http_503 http_404;
proxy_cache cache_one;

通过 inactive=1d 我们知道了缓存时间为1天，这里说的是不活跃的资源，如果活跃就会长期保存，所以手动清除缓存是必要的。

通过 proxy_cache_path 我们知道了缓存目录，清除它

复制代码

rm -rf /www/server/nginx/proxy_cache_dir/*

重载nginx（可能不需要这一步）

复制代码

service nginx force-reload

至此问题成功解决