Nginx的静态资源缓存配置

原创文章转载请注明来源:https://blog.csdn.net/weixin_41756573/article/details/88814547

Nginx静态资源缓存

问题的产生:每个页面都会映入css、js等静态资源文件
解决的问题:避免每次请求,服务器都会处理静态资源(css,js,图片)所带来的压力
解决步骤:修改nginx.conf的相关配置
1.在http中做全局配置
#临时文件夹,用于存放暂时存放文件
proxy_time_path d:/nginx-time;
#设置缓存目录
proxy_cache_path d:/nginx-cache levels=1:2 keys_zone=babytun-cache:100m inactive=7d max_size=20g
缓存目录的参数解析
-levels 代表采用1:2,也就是以两级目录的形式保存缓存文件(缓存文件就是指静态资源css、js),同时文件名进行了MD5编码
-keys_zone 定义缓存的名称以及内存的使用,名称为babytun-cache,在内存中开辟100m(兆)交换空间
-inactive=7d 如果某个缓存文件超过7天没有被访问,则删除
-max_size=20g 代表文件夹最大不能超过20g,超过后会自动将访问频率最低的资源缓存文件删除
2.在server的location中做如下配置
#利用正则表达式匹配url,匹配成功的则执行内部逻辑
#~*不区分大小写 ~区分大小写
#woff 是一种字体 
location ~* \.(gif|jpg|css|png|js|woff)(.*){
    proxy_pass http:服务器池名称; #使用该服务器池(服务器池名称)进行后端处理
    proxy_set_header Host $host; #请求头,代表原始的主机是多少
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_cache keys_zone的名称; #将缓存写入到proxy_cache_path定义的文件夹中
    proxy_cache_valid 200 302 24h; #proxy_cache_valid的优先级大于inactive,如果静态资源的响应状态码为200、302(暂时性重定向)缓存文件有效期为一天
    proxy_cache_valid 301 5d; #301永久性重定向
    proxy_cache_valid any 5m; #any代表其他情况
    #浏览器的缓存时间
    expires 90d;
}

server中location的执行顺序 正则表达式的执行顺序大于 /

nginx静态资源配置是指配置nginx服务器以便访问和处理静态文件。静态文件包括图片、HTML、CSS、JavaScript等文件。配置nginx静态资源访问需要修改nginx.conf文件。该文件的路径通常是在/usr/local/nginx/conf/nginx.conf。 要配置nginx静态文件的访问,需要进行以下步骤: 1. 打开终端并使用vim编辑器打开nginx.conf文件:`vim /usr/local/nginx/conf/nginx.conf`。 2. 在nginx.conf文件中找到root配置,该配置指定了nginx静态文件的地址。通过修改root配置,可以设置nginx服务器的根目录,即静态文件的存放位置。 3. 在root配置中指定静态文件的路径。根据具体情况设置正确的路径,确保nginx能够正确找到静态文件。例如,可以将路径设置为`/var/www/html`。 4. 保存并关闭nginx.conf文件。 通过以上配置nginx服务器就可以访问和处理静态文件。可以通过浏览器或其他HTTP客户端来访问nginx服务器上的静态文件。请注意,配置nginx静态资源访问可能还涉及其他配置,如缓存和静态文件压缩等。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [nginx 静态资源配置](https://blog.csdn.net/alan_jj_wang/article/details/120531000)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [四、nginx静态文件的配置](https://blog.csdn.net/Ajekseg/article/details/126081035)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值