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

搭建nginx服务器首先得安装nginx服务,关于nginx服务的安装可以参考我的另一篇博客《nginx服务安装》这里直接介绍静态服务器的配置
进入nginx安装目录的conf目录下,修改nginx.conf文件,在一个server{}中添加 一个location 部分配置代码如下

root@ubuntu:/usr/local/nginx/conf# vi nginx.confserver {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 imageroot@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 就可以访问该静态图片了如下图


您也可以移除掉root 和 autoindex 配置,直接在html目录下的image目录下新建一张图片1.jpg。

或者在nginx.conf 配置中在server下配置root 如下


server {listen 88;server_name localhost;root     /home/ubuntu/static/;
}

访问 http:hostName:88/dir/file 就会自动访问 服务器/home/ubuntu/static/dir 目录下的文件file

注意nginx的启动用户,确保该用户有权限访问目录下的文件
新版本nginx的启动用户为 www-data!

在这里只是简单地介绍了静态资源服务器的配置 ,关于资源缓存的配置并没有介绍
文件上传到nginx服务器参考这篇博客vsftpd ftp服务器搭建
关于静态资源的缓存以及防盗链可以参考这篇博客nginx静态资源缓存
关于 nginx.conf中location的配置 可以参考这篇博客nginx.conf location 的配置

nginx静态资源服务器简单配置相关推荐

  1. Linux-CentOS 7 nginx静态资源服务器简单配置

    nginx静态资源服务器简单配置 在nginx的server中可以拥有多个location,但location 后面那部分不能一样. 进入nginx安装目录的conf目录下,修改nginx.conf文 ...

  2. nginx配置静态资源html,详解nginx静态资源服务器简单配置

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

  3. Windows nginx静态资源服务器搭建

    第一次搭建本地静态资源服务器nginx,记录以供后续学习 实现页面如下 1. 了解nginx: Nginx是一个开源的Web服务器,同时Nginx也提供了反向代理和负载均衡的功能.为了实现将Windo ...

  4. Nginx静态资源服务器搭建

    1 安装nginx(docker安装nginx见此篇) 2 配置nginx的server代码块 # 这是静态资源服务器的配置文件 server {listen 80;server_name 域名;ro ...

  5. nginx作为静态资源服务器的配置

    在http模块添加: server { listen 80; server_name localhost; location /www/ { root /data/; index index.html ...

  6. 安装 Nginx 静态资源服务器

    1.进入放到local目录夹下 cd / cd usr/local/ 2.下载依赖 yum -y install pcre* yum -y install openssl* 之前下载安装过了↑ 3. ...

  7. Linux上安装Nginx静态资源服务器

    1.下载依赖 yum -y install pcre*yum -y install openssl* 2.下载wget(类似于迅雷,用来下载文件的) yum install wget 3.下载Ngin ...

  8. nginx静态资源跨域配置

    #访问路径拼接img访问本地绝对路径下的某图片 location /img/ {#跨域配置,如果不生效请先清除浏览器缓存数据add_header 'Access-Control-Allow-Origi ...

  9. nginx搭建静态文件服务器,利用nginx搭建静态资源服务器的方法步骤

    以windows为例,linux其实一样: 搭建静态资源服务器 我电脑上的work文件夹下面有很多图片,我想通过nginx搭建静态资源服务器,通过在地址栏输入ip+port的方式完成目录的映射 找到n ...

最新文章

  1. MindSpore 高阶优化器
  2. Yii学习笔记【3】
  3. java中char是几个字节_Java中char占用几个字节
  4. 油管螺纹尺寸对照表_数控加工过程中,如何区分新旧螺纹牌号?
  5. python中文编辑器推荐-八款Python编辑器对比介绍推荐
  6. linux服务器监听服务sid_linux下重启oracle服务:监听器和实例
  7. intitle:客服机器人代码_游戏客服能影响企业发展?千万别大意
  8. node源码详解(四) —— js代码如何调用C++的函数
  9. 60秒一口Python:147个demo,助你从新手小白步步进阶编程高手,赶紧收藏!!
  10. 用python提取图片主要颜色_Python可视化|09-使用python和R提取图片颜色绘图(五-颜色使用完结篇)...
  11. 【opencv】图像处理之伽马变换
  12. 宅在家里写数据库中MD5加密
  13. dubbo 学习资料
  14. 深入浅出python机器学习——K最邻近算法(K-Nearest Neighbors,KNN)
  15. Unity-拓展篇-接入海康威视摄像头
  16. 抖音直播伴侣显示服务器问题,抖音直播伴侣窗口怎么设置?调整窗口的方法了解一下...
  17. Android studio实现仿微信界面
  18. Matlab学习——曲柄滑块的运动仿真
  19. 大前端开发 前端如何开发 APP
  20. 制作 Google Chrome 绿色版

热门文章

  1. 将RGB图像转换为二值图像--MATLAB
  2. 适用于 Visual Studio 的 Android 游戏开发扩展
  3. Fusion 360 滚轮方向调整
  4. 数据密集型应用系统设计_数据存储与检索
  5. 物联网安全隐患及解决办法
  6. 点云数据集开源大汇总
  7. 10w字!前端知识体系+大厂面试笔记(工程化篇)
  8. c#开发Edge插件
  9. jQuery 选择器 选取所有元素
  10. gis等时圈怎么做_【干货分享】如何一键生成等时圈?