nginx配置缓存静态资源

目的:把从其他主机访问的前端静态资源,缓存到本地,降低网络通讯,提高性能。

bash 复制代码
http {

......

	# 2024-03-08
	upstream h5_server{ 
		server 127.0.0.1:80;  
	} 

    # 2024-03-08 nginx增加缓存静态资源到本机
	proxy_buffer_size 16k;
    proxy_buffers 4 32k;
    proxy_busy_buffers_size 96k;
    proxy_temp_file_write_size 96k;

    # 临时缓存路径,目前看没啥用
    proxy_temp_path /opt/tmp/ui_dir;
    # 定义缓存的存储路径。
    proxy_cache_path /opt/tmp/cache levels=1:2 keys_zone=cache_one:100m inactive=1d max_size=10g;

    server {

        ......

        #要缓存文件的后缀,可以在以下设置。
	    location ~ .*\.(gif|jpg|png|css|js)$ {
			proxy_pass http://h5_server;    # 前端服务地址(ip:port)
			proxy_redirect off;
			proxy_set_header Host $host;
			proxy_cache cache_one;
			proxy_cache_valid 200 302 2h;
			proxy_cache_valid 301 1d;
			proxy_cache_valid any 5m;
			expires 2h;
			add_header wall  "hey! cache by nginx!";
	    }

}

配置后,访问前端,可以看到缓存了文件到目录中。

相关推荐
大模型丫丫3 分钟前
GitHub Actions 自动化运维实战:从 CI/CD 到云端部署
运维·自动化·github
山海鲸可视化12 分钟前
数字孪生技术:创新性破解城市高温难题
大数据·运维·数字孪生·数据可视化·可视化大屏
XR风云15 分钟前
docker buildx 忽略容器镜像服务的证书校验的方法
运维·docker·容器
去伪存真202521 分钟前
数字工厂与产线孪生的平台能力深度拆解
大数据·运维·人工智能·机器人
闲云自留地1 小时前
课后作业-20260806-Linux iSCSI服务器
linux·运维·服务器
风雨_831 小时前
轻量级 Nginx 日志分析和可视化平台 NginxPulse安装
运维·nginx
智购科技智能售货柜1 小时前
自动售货机商品识别YOLO模型训练实战:从6万张图片到98%识别率的完整复盘~YH
运维·服务器·数据库·人工智能·redis·物联网·yolo
若无情我 纸小铭1 小时前
Nginx学习笔记(二) Nginx--connection&request
笔记·学习·nginx
xixingzhe21 小时前
net::ERR_INCOMPLETE_CHUNKED_ENCODING解决
nginx
X1A0RAN1 小时前
自动化流水线提效·宏观篇:5 大提效方向实战
运维·自动化