2025/12/26 9:16:52
有些网站的图片比较大,为了减少图片下载的流量,和实现本地快速打开的目标,需要给一些css,js,字体和图片进行本地缓存。
需要在web.config中配置下
缓存365天的代码如下
<?xml version="1.0" encoding="UTF-8"?> <configuration> <system.webServer> <staticContent> <clear /> <clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="365.00:00:00" cacheControlCustom="public" /> <mimeMap fileExtension=".js" mimeType="application/javascript" /> <mimeMap fileExtension=".css" mimeType="text/css" /> <mimeMap fileExtension=".less" mimeType="text/css" /> <mimeMap fileExtension=".scss" mimeType="text/css" /> <mimeMap fileExtension=".jpg" mimeType="image/jpeg" /> <mimeMap fileExtension=".jpeg" mimeType="image/jpeg" /> <mimeMap fileExtension=".png" mimeType="image/png" /> <mimeMap fileExtension=".gif" mimeType="image/gif" /> <mimeMap fileExtension=".webp" mimeType="image/webp" /> <mimeMap fileExtension=".svg" mimeType="image/svg+xml" /> <mimeMap fileExtension=".tiff" mimeType="image/tiff" /> <mimeMap fileExtension=".woff" mimeType="font/woff" /> <mimeMap fileExtension=".woff2" mimeType="font/woff2" /> <mimeMap fileExtension=".ttf" mimeType="font/ttf" /> <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" /> <mimeMap fileExtension=".otf" mimeType="font/otf" /> <mimeMap fileExtension=".mp3" mimeType="audio/mpeg" /> <mimeMap fileExtension=".mp4" mimeType="video/mp4" /> <mimeMap fileExtension=".avi" mimeType="video/x-msvideo" /> <mimeMap fileExtension=".flv" mimeType="video/x-flv" /> <mimeMap fileExtension=".webm" mimeType="video/webm" /> <mimeMap fileExtension=".pdf" mimeType="application/pdf" /> <mimeMap fileExtension=".zip" mimeType="application/zip" /> <mimeMap fileExtension=".rar" mimeType="application/x-rar-compressed" /> </staticContent> </system.webServer> </configuration>
这是IIS网站在客户端缓存365天的代码,但如果网站是被反代的,例如从宝塔反代这个网站,那么宝塔自己的缓存会篡改这个被反代网站的缓存
需要把宝塔反代页面的配置文件改成如下(原先的删了)
#PROXY-START/
location ^~ /
{
proxy_pass http://aaa.sohokey.com;
proxy_set_header Host aaa.sohokey.com;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection $connection_upgrade;
proxy_http_version 1.1;
# proxy_hide_header Upgrade;
add_header X-Cache $upstream_cache_status;
# 关键修改:删除强制expires和Cache-Control的代码
# 新增:强制透传源站的Cache-Control头,禁止Nginx改写
proxy_pass_header Cache-Control; # 原样转发源站缓存头
proxy_ignore_headers Expires; # 避免Expires干扰max-age
}
#PROXY-END/这样通过宝塔网站就可用到被反代网站上面的缓存设置了(不用点 缓存 按钮)
2025.12.26 发现了一个缺点,就是会导致后台编辑器某些使用js的按钮失效提示404.3错误,可能是mime类型冲突导致的,说是这里设置的mime优先于IIS服务器的