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!";
	    }

}

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

相关推荐
SkyWalking中文站8 小时前
认识 Horizon UI · 5/17:3D 基础设施地图
运维·监控·自动化运维
SkyWalking中文站1 天前
认识 Horizon UI · 1/17:SkyWalking 新一代可观测性控制台
运维·前端·监控
雪梨酱QAQ1 天前
Kubeneters HA Cluster部署
运维
江华森2 天前
Spring Cloud 微服务全栈实战:从 Eureka 到 Docker Compose 一文贯通
运维
江华森2 天前
Matplotlib 数据绘图基础入门
运维
江华森2 天前
NumPy 数值计算基础入门
运维
乘云数字DATABUFF6 天前
5分钟部署开源APM Databuff:OpenTelemetry全链路追踪入门实战
运维·后端
小七-七牛开发者7 天前
TokenPilot:让 LLM Agent 长会话成本降 60%+ 的上下文管理
缓存·agent·token·context·上下文·推理成本
荣--7 天前
一键部署不是为了省时间 —— 它是把"买来的 PaaS"变成"自己的平台"的拐点
运维·zabbix·工程化·一键部署·平台化·边界设计
江华森8 天前
动手实战学 Docker — 从零到集群编排完全指南
运维