我们在上一篇文章中已经分析了实现静态资源服务器的多种思路。

本篇文章记录使用Nginx实现静态资源服务器的步骤。

首先需要安装Nginx和了解Nginx的配置文件。

CentOS系统可参考如下帖子:

Nginx-------Nginx的安装和多域名配置

Nginx安装好能正常运行后我们来尝试配置静态资源服务器。

配置静态资源服务器

首先使用命令确认Nginx配置所在位置,使用命令如下:

sudo nginx -t

显示如图:

则我的配置文件在/etc/nginx目录中。

我们在域名配置文章中已经有配置如下:

server
{listen 80;server_name my.525.life;location / {#....proxy_pass http://localhost:8880;}##### other directive
}

其实就是将Nginx的所有请求都转发给

http://localhost:8880

配置静态资源服务器的话,就是把一部分请求分离出来，让这些请求直接访问到服务器的磁盘目录中。

例如配置如下:

指定路径对应的目录。location可以使用正则表达式匹配。并指定对应的硬盘中的目录。如下:

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

这个配置表示输入 localhost:80/image/ 或者my.525.life/image/ 时会访问本机的/usr/local/static/image/ 目录。

如果没有/usr/local/static/image/ 目录则需要新建 /usr/local/static/image/ 目录，在/usr/local/static/image/ 中我们放一张图片1.jpg上去，重启nginx服务，就可以通过 localhost:80/image/1.jpg访问了。

创建目录
mkdir /usr/local/static/image
#放一张照片上去#
cd /usr/local/static/image
ls
1.jpg

重启 nginx
sudo nginx -s reload

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

更多配置参数和匹配规则

语法规则： location [=|~|~*|^~] /uri/ { … }

= 开头表示精确匹配
^~ 开头表示uri以某个常规字符串开头，理解为匹配 url路径即可。nginx不对url做编码，因此请求为/static/20%/aa，可以被规则^~ /static/ /aa匹配到（注意是空格）。

~ 开头表示区分大小写的正则匹配
~* 开头表示不区分大小写的正则匹配
!~和!~*分别为区分大小写不匹配及不区分大小写不匹配的正则
/ 通用匹配，任何请求都会匹配到。
多个location配置的情况下匹配顺序为：

首先匹配 =，其次匹配^~, 其次是按文件中顺序的正则匹配，最后是交给 / 通用匹配。当有匹配成功时候，停止匹配，按当前匹配规则处理请求。

例子，有如下匹配规则：

location = / {#规则A
}
location = /login {#规则B
}
location ^~ /static/ {#规则C
}
location ~ \.(gif|jpg|png|js|css)$ {#规则D
}
location ~* \.png$ {#规则E
}
location !~ \.xhtml$ {#规则F
}
location !~* \.xhtml$ {#规则G
}
location / {#规则H
}

那么产生的效果如下:

访问根目录/，比如http://localhost/ 将匹配规则A

访问 http://localhost/login 将匹配规则B，http://localhost/register 则匹配规则H

访问 http://localhost/static/a.html 将匹配规则C

访问 http://localhost/a.gif, http://localhost/b.jpg 将匹配规则D和规则E，但是规则D顺序优先，规则E不起作用，而 http://localhost/static/c.png 则优先匹配到规则C

访问 http://localhost/a.PNG 则匹配规则E，而不会匹配规则D，因为规则E不区分大小写。

访问 http://localhost/a.xhtml 不会匹配规则F和规则G，http://localhost/a.XHTML不会匹配规则G，因为不区分大小写。规则F，规则G属于排除法，符合匹配规则但是不会匹配到，所以想想看实际应用中哪里会用到。

访问 http://localhost/category/id/1111 则最终匹配到规则H，因为以上规则都不匹配，这个时候应该是nginx转发请求给后端应用服务器，比如FastCGI（php），tomcat（jsp），nginx作为方向代理服务器存在。

所以实际使用中，个人觉得至少有两个匹配规则定义，如下：

# 第一个必选规则，处理动态请求转发到tomcat

location = / {proxy_pass http://localhost:8080
}

# 第二个必选规则是处理静态文件请求，这是nginx作为http服务器的强项
# 有两种配置模式，目录匹配或后缀匹配,任选其一或搭配使用

location ^~ /static/ {root /webroot/static/;
}
location ~* \.(html|htm|gif|jpg|jpeg|bmp|png|ico|txt|js|css)$ {root /webroot/res/;
}

三、ReWrite语法

last – 基本上都用这个Flag。

break – 中止Rewirte，不在继续匹配

redirect – 返回临时重定向的HTTP状态302

permanent – 返回永久重定向的HTTP状态301

1、下面是可以用来判断的表达式：

-f和!-f用来判断是否存在文件

-d和!-d用来判断是否存在目录

-e和!-e用来判断是否存在文件或目录

-x和!-x用来判断文件是否可执行

2、下面是可以用作判断的全局变量

例：http://localhost:88/test1/test2/test.php

$host：localhost

$server_port：88

$request_uri：http://localhost:88/test1/test2/test.php

$document_uri：/test1/test2/test.php

$document_root：D:\nginx/html

$request_filename：D:\nginx/html/test1/test2/test.php

四、Redirect语法

server {listen 80;server_name my.525.life;index index.html index.php;root html;if ($http_host !~ “^my\.525\.life$" {rewrite ^(.*) http://my.525.life$1 redirect;}
}

五、防盗链

location ~* \.(gif|jpg|swf)$ {valid_referers none blocked my.525.life yuemei.525.life;if ($invalid_referer) {rewrite ^/ http://$host/logo.png;}
}

六、根据文件类型设置过期时间

location ~* \.(js|css|jpg|jpeg|gif|png|swf)$ {if (-f $request_filename) {expires 1h;break;}
}

七、禁止访问某个目录

location ~* \.(txt|doc)${root /data/www/wwwroot/linuxtone/test;deny all;
}

一些可用的全局变量:
$args
$content_length
$content_type
$document_root
$document_uri
$host
$http_user_agent
$http_cookie
$limit_rate
$request_body_file
$request_method
$remote_addr
$remote_port
$remote_user
$request_filename
$request_uri
$query_string
$scheme
$server_protocol
$server_addr
$server_name
$server_port
$uri

Nginx实现静态资源服务器相关推荐

win10 nginx部署静态资源服务器和HTML
win10 nginx部署前端项目(静态资源服务器和HTML) niginx的安装和启停操作参照博客:https://blog.csdn.net/qq_26666947/article/details ...
nginx搭建静态文件服务器,利用nginx搭建静态资源服务器的方法步骤
以windows为例,linux其实一样: 搭建静态资源服务器我电脑上的work文件夹下面有很多图片,我想通过nginx搭建静态资源服务器,通过在地址栏输入ip+port的方式完成目录的映射找到n ...
入门Nginx之-静态资源服务器及跨域配置
简介这里静态资源就以之前的一个项目文章地址为例,源码 Github,项目本身很简单,只是分别对第三方的服务端.自己的服务端发起请求. 不论是调用第三方服务端接口,还是自己的后端服务,如果跨域未在服务 ...
配置nginx作为静态资源服务器 css,js,image等资源直接访问
1.传统的web项目,一般都将静态资源存放在 webroot 的目录下,这样做很方便获取静态资源,但是如果说web项目很大,用户很多,静态资源也很多时,服务器的性能或许就会很低下了.这种情况下一般都 ...
Nginx 配置静态资源服务器
目录一.打开config/nginx.config 二.添加一个资源文件夹存放静态资源三.配置文件四.测试访问一.打开config/nginx.config 二.添加一个资源文件夹存放静态资 ...
nginx作为静态资源服务器的配置
在http模块添加: server { listen 80; server_name localhost; location /www/ { root /data/; index index.html ...
win10 nginx部署前端项目（静态资源服务器和HTML）
win10 nginx部署前端项目(静态资源服务器和HTML) niginx的安装和启停操作参照博客:https://blog.csdn.net/qq_26666947/article/details ...
nginx调用静态资源资源显示服务器500错误
服务器500错误:服务器内部错误,意味着该请求无法被识别. 排查方向: 1.分区inode指针是否分配完 df -i进行查看 2.磁盘分区是否满了 df -h 进行查看 3.nginx配置中,是否有错 ...
nginx配置静态资源，重新发布后，浏览器缓存导致异常原因和解决
原因: nginx作为静态资源服务器,重新构建后发生浏览器页面直接取缓存中的js等文件名,但是由于服务器中文件已经被替换导致出现异常. 浏览器在下次请求这个资源的时候不会将请求发向后端,而是直接从缓存 ...
Nginx搭建静态资源映射实现远程访问服务器上的图片资源
场景需求是从A系统中预览B系统中抓拍的照片. B系统在另一条服务器上,照片的路径是绝对路径类似D:\aa\badao.jpg这样的图片路径. 在A系统中查询B系统的数据库能获取图片的路径. 需要将 ...

Nginx实现静态资源服务器

配置静态资源服务器

更多配置参数和匹配规则

Nginx实现静态资源服务器相关推荐

最新文章

热门文章