详解nginx静态资源服务器简单配置

发布时间 - 2026-01-11 01:15:27    点击率:

传统的web项目,一般都将静态资源存放在 webroot的目录下,这样做很方便获取静态资源,但是如果说web项目很大,用户很多,静态资源也很多时,服务器的性能 或许就会很低下了。这种情况下一般都会需要一个静态资源的服务器。

搭建nginx服务器首先得安装nginx服务,关于nginx服务的安装可以参考我的另一篇博客《nginx服务安装》这里直接介绍静态服务器的配置

进入nginx安装目录的conf目录下,修改nginx.conf文件,在一个server{}中添加 一个location 部分配置代码如下

root@ubuntu:/usr/local/nginx/conf# vi nginx.conf
 server {
    listen    80;
    server_name localhost;
    location / {
      root  html;
      index index.html index.htm;
    }
    location /image/ {
      root  /usr/local/myImage/;
      autoindex on;
    }

  }

从上面的配置可以看出来 端口为80,server_name为localhost(写ip地址也可以)

location /image/ {
      root  /usr/local/myImage/;
      autoindex on;
    }

这个配置表示输入 localhost:80/image/ 时会访问本机的/usr/local/myImage/image/ 目录。所以要新建/usr/local/myImage/image/ 目录,同时还要在nginx安装目录的html目录中新建一个 与 location中 image同名的image目录,虽然该目录里面什么也没有,在/usr/local/my Image/image/ 中我们放一张图片1.jpg上去,重启nginx服务,就可以通过 localhost:80/image/1.jpg访问了

root@ubuntu:/usr/local/nginx/html# mkdir image

root@ubuntu:/usr/local/nginx/html# mkdir /usr/local/myImage/image
#放一张照片上去#
root@ubuntu:/usr/local/nginx/html# cd /usr/local/myImage/image
root@ubuntu:/usr/local/myImage/image# ls
1.jpg
root@ubuntu:/usr/local/myImage/image#

重启 nginx

root@ubuntu:/usr/local/nginx/sbin# ./nginx -s reload
root@ubuntu:/usr/local/nginx/sbin# 

打开浏览器 输入 server_name:80/image/1.jpg 就可以访问该静态图片了如下图

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


# nginx静态资源服务器  # nginx静态资源配置  # nginx静态服务器配置  # nginx如何实现配置静态资源服务器及防盗链  # 利用nginx搭建静态资源服务器的方法步骤  # Nginx静态资源服务器的实现示例  # 重启  # 就可以  # 安装目录  # 就会  # 放在  # 目录下  # 下了  # 要在  # 也很  # 下一  # 这样做  # 这种情况  # 都将  # 如果说  # 可以看出  # 本机  # 很低  # 很方便  # 什么也没  # 大家多多 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Chrome浏览器标签页分组怎么用_谷歌浏览器整理标签页技巧【效率】  实例解析angularjs的filter过滤器  如何在HTML表单中获取用户输入并用JavaScript动态控制复利计算循环  Laravel如何优雅地处理服务层_在Laravel中使用Service层和Repository层  Laravel怎么写单元测试_PHPUnit在Laravel项目中的基础测试入门  香港服务器网站测试全流程:性能评估、SEO加载与移动适配优化  ChatGPT回答中断怎么办 引导AI继续输出完整内容的方法  Python结构化数据采集_字段抽取解析【教程】  Laravel如何配置任务调度?(Cron Job示例)  智能起名网站制作软件有哪些,制作logo的软件?  php打包exe后无法访问网络共享_共享权限设置方法【教程】  Laravel如何处理JSON字段的查询和更新_Laravel JSON列操作与查询技巧  如何快速打造个性化非模板自助建站?  Bootstrap整体框架之JavaScript插件架构  javascript中闭包概念与用法深入理解  深圳网站制作设计招聘,关于服装设计的流行趋势,哪里的资料比较全面?  如何在阿里云部署织梦网站?  Win11搜索不到蓝牙耳机怎么办 Win11蓝牙驱动更新修复【详解】  实现点击下箭头变上箭头来回切换的两种方法【推荐】  Laravel怎么在Controller之外的地方验证数据  Laravel广播系统如何实现实时通信_Laravel Reverb与WebSockets实战教程  php json中文编码为null的解决办法  Laravel如何处理异常和错误?(Handler示例)  简历没回改:利用AI润色让你的文字更专业  Laravel怎么返回JSON格式数据_Laravel API资源Response响应格式化【技巧】  如何在Ubuntu系统下快速搭建WordPress个人网站?  Javascript中的事件循环是如何工作的_如何利用Javascript事件循环优化异步代码?  Laravel如何配置.env文件管理环境变量_Laravel环境变量使用与安全管理  Linux系统命令中screen命令详解  Windows Hello人脸识别突然无法使用  Laravel如何与Docker(Sail)协同开发?(环境搭建教程)  如何正确下载安装西数主机建站助手?  lovemo网页版地址 lovemo官网手机登录  详解Android——蓝牙技术 带你实现终端间数据传输  如何用VPS主机快速搭建个人网站?  如何在建站主机中优化服务器配置?  如何确保西部建站助手FTP传输的安全性?  如何在不使用负向后查找的情况下匹配特定条件前的换行符  Laravel如何升级到最新版本?(升级指南和步骤)  Laravel如何发送系统通知_Laravel Notifications实现多渠道消息通知  零服务器AI建站解决方案:快速部署与云端平台低成本实践  Laravel如何处理CORS跨域问题_Laravel项目CORS配置与解决方案  Laravel如何处理表单验证?(Requests代码示例)  Laravel如何设置定时任务(Cron Job)_Laravel调度器与任务计划配置  在线教育网站制作平台,山西立德教育官网?  原生JS获取元素集合的子元素宽度实例  Laravel中的withCount方法怎么高效统计关联模型数量  历史网站制作软件,华为如何找回被删除的网站?  Python文件操作最佳实践_稳定性说明【指导】  JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)