背景
昨天打开我的gpt镜像网站,意外发现静态图片资源全都无法获取了
![](https://file.jishuzhan.net/article/1785491062232453121/b844bdb936f6e5a878c1f6d5be134c93.webp)
一番排查下来,发现是引用的cdn链接失效了
![](https://file.jishuzhan.net/article/1785491062232453121/f4b0f1b745311778ffe4592a107aa4bb.webp)
且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修改未成功
![](https://file.jishuzhan.net/article/1785491062232453121/6acdad480cd91cd91caa26e663b81389.gif)
抱着怀疑的态度,进行各种合理猜测和推敲,比如编译不成功?代码未成功修改?浏览器缓存?种种,经验证都不是,最后想到了可以绕过nginx,通过ip+端口直连前端服务,果然通了,代码一切正常。
到了这里问题已经很明显了,就是nginx缓存导致的
![](https://file.jishuzhan.net/article/1785491062232453121/e30e66f503f68540859d46b5199285af.webp)
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;
![](https://file.jishuzhan.net/article/1785491062232453121/0ea0b6f6a65e2e4feee9fa44409cb1e1.webp)
查看这个文件:
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 我们知道了缓存目录,清除它
![](https://file.jishuzhan.net/article/1785491062232453121/d1d4a73f0190c4e8950bf41daeff615e.webp)
rm -rf /www/server/nginx/proxy_cache_dir/*
重载nginx(可能不需要这一步)
service nginx force-reload
至此问题成功解决