博客首页 > 外贸与网络技巧

通过web.config给IIS网站添加客户端缓存

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服务器的

  • 谷歌推荐安装SSL电子证书,缺失会标记Not Secure
    排名降低,访客不信任 [介绍]
    网站必备
  • 付费企业邮箱,海外收发稳定,到达率高,退信率低,无限容量 [详情]
    买2年送2年
  • 提供免费海关数据,可通过货物名称,供应商,进口商,标签查询 [介绍]
    完全免费
  • 谷歌关键词排名,搜索引擎营销,优化产品排名,让多产品关键词排名谷歌首页!
    谷歌SEO