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

}

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

相关推荐
神奇的程序员19 小时前
从已损坏的备份中拯救数据
运维·后端·前端工程化
虾..20 小时前
Linux 软硬链接和动静态库
linux·运维·服务器
Evan芙21 小时前
Linux常见的日志服务管理的常见日志服务
linux·运维·服务器
玄斎21 小时前
MySQL 单表操作通关指南:建库 / 建表 / 插入 / 增删改查
运维·服务器·数据库·学习·程序人生·mysql·oracle
trayvontang1 天前
Nginx之location配置
运维·nginx
十六年开源服务商1 天前
WordPress定制开发最佳公司的用户画像
运维
世岩清上1 天前
AI驱动的智能运维:从自动化到自主化的技术演进与架构革新
运维·人工智能·自动化
张童瑶1 天前
Linux SSH隧道代理转发及多层转发
linux·运维·ssh
石小千1 天前
Linux安装OpenProject
linux·运维
Lime-30901 天前
制作Ubuntu 24.04-GPU服务器测试系统盘
linux·运维·ubuntu