nginx 静态资源部署 【1】 nginx 静态资源部署

发表于

「这是我参与11月更文挑战的第14天，活动详情查看：2021最后一次更文挑战」。

nginx 静态资源部署 【1】

往期文章:

初识 Nginx

nginx 的安装

nginx 核心配置文件结构

Nginx服务操作的问题

如果想要启动、关闭或重新加载nginx配置文件，都需要先进入到nginx的安装目录的sbin目录，然后使用nginx的二级制可执行文件来操作，相对来说操作比较繁琐，这块该如何优化？另外如果我们想把Nginx设置成随着服务器启动就自动完成启动操作，又该如何来实现?这就需要用到接下来我们要讲解的两个知识点：

1
2
复制代码Nginx配置成系统服务
Nginx命令配置到系统环境

Nginx配置成系统服务

把Nginx应用服务设置成为系统服务，方便对Nginx服务的启动和停止等相关操作，具体实现步骤:

(1) 在/usr/lib/systemd/system目录下添加nginx.service,内容如下:

1
bash复制代码vim /usr/lib/systemd/system/nginx.service
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
ini复制代码[Unit]
Description=nginx web service
Documentation=http://nginx.org/en/docs/
After=network.target
​
[Service]
Type=forking
PIDFile=/usr/local/nginx/logs/nginx.pid
ExecStartPre=/usr/local/nginx/sbin/nginx -t -c /usr/local/nginx/conf/nginx.conf
ExecStart=/usr/local/nginx/sbin/nginx
ExecReload=/usr/local/nginx/sbin/nginx -s reload
ExecStop=/usr/local/nginx/sbin/nginx -s stop
PrivateTmp=true
​
[Install]
WantedBy=default.target

(2)添加完成后如果权限有问题需要进行权限设置

1
bash复制代码chmod 755 /usr/lib/systemd/system/nginx.service

(3)使用系统命令来操作Nginx服务

1
2
3
4
5
6
makefile复制代码启动: systemctl start nginx
停止: systemctl stop nginx
重启: systemctl restart nginx
重新加载配置文件: systemctl reload nginx
查看nginx状态: systemctl status nginx
开机启动: systemctl enable nginx

Nginx命令配置到系统环境

前面我们介绍过Nginx安装目录下的二级制可执行文件nginx的很多命令，要想使用这些命令前提是需要进入sbin目录下才能使用，很不方便，如何去优化，我们可以将该二进制可执行文件加入到系统的环境变量，这样的话在任何目录都可以使用nginx对应的相关命令。具体实现步骤如下:

演示可删除

1
2
3
bash复制代码/usr/local/nginx/sbin/nginx -V
cd /usr/local/nginx/sbin  nginx -V
如何优化？？？

(1)修改/etc/profile文件

1
2
3
ruby复制代码vim /etc/profile
在最后一行添加
export PATH=$PATH:/usr/local/nginx/sbin

(2)使之立即生效

1
bash复制代码source /etc/profile

(3)执行nginx命令

1
复制代码nginx -V

Nginx静态资源部署

Nginx静态资源概述

上网去搜索访问资源对于我们来说并不陌生，通过浏览器发送一个HTTP请求实现从客户端发送请求到服务器端获取所需要内容后并把内容回显展示在页面的一个过程。这个时候，我们所请 求的内容就分为两种类型，一类是静态资源、一类是动态资源。 静态资源即指在服务器端真实存在并且能直接拿来展示的一些文件，比如常见的html页面、css文件、js文件、图 片、视频等资源； 动态资源即指在服务器端真实存在但是要想获取需要经过一定的业务逻辑处理，根据不同的条件展示在页面不同这 一部分内容，比如说报表数据展示、根据当前登录用户展示相关具体数据等资源；

Nginx静态资源的配置指令

listen指令

listen:用来配置监听端口。

语法 listen address[:port] [default_server]…; listen port [default_server]…;
默认值 listen *:80
位置 server

listen的设置比较灵活，我们通过几个例子来把常用的设置方式熟悉下：

1
2
3
4
perl复制代码listen 127.0.0.1:8000; // listen localhost:8000 监听指定的IP和端口
listen 127.0.0.1;   监听指定IP的所有端口
listen 8000;    监听指定端口上的连接
listen *:8000;  监听指定端口上的连接

default_server属性是标识符，用来将此虚拟主机设置成默认主机。所谓的默认主机指的是如果没有匹配到对应的address:port，则会默认执行的。如果不指定默认使用的是第一个server。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
ini复制代码server{
        listen 8080;
        server_name 127.0.0.1;
        location /{
                root html;
                index index.html;
        }
}
server{
        listen 8080 default_server;
        server_name localhost;
        default_type text/plain;
        return 444 'This is a error request';
}

server_name指令

server_name：用来设置虚拟主机服务名称。

127.0.0.1 、 localhost 、域名[<www.baidu.com> | <www.jd.com>]

语法 server_name name …; name可以提供多个中间用空格分隔
默认值 server_name “”;
位置 server

关于server_name的配置方式有三种，分别是：

1
2
3
复制代码精确匹配
通配符匹配
正则表达式匹配

配置方式一：精确匹配

如：

1
2
3
4
5
ini复制代码server {
    listen 80;
    server_name www.baidu.com www.jd.com;
    ...
}

补充小知识点:

1
复制代码hosts是一个没有扩展名的系统文件，可以用记事本等工具打开，其作用就是将一些常用的网址域名与其对应的IP地址建立一个关联“数据库”，当用户在浏览器中输入一个需要登录的网址时，系统会首先自动从hosts文件中寻找对应的IP地址，一旦找到，系统会立即打开对应网页，如果没有找到，则系统会再将网址提交DNS域名解析服务器进行IP地址的解析。

windows:C:\Windows\System32\drivers\etc

centos：/etc/hosts

因为域名是要收取一定的费用，所以我们可以使用修改hosts文件来制作一些虚拟域名来使用。需要修改 /etc/hosts文件来添加

1
2
3
bash复制代码vim /etc/hosts
127.0.0.1 www.baidu.com 
127.0.0.1 www.jd.com

配置方式二:使用通配符配置

server_name中支持通配符”*“,但需要注意的是通配符不能出现在域名的中间，只能出现在首段或尾段，如：

1
2
3
4
5
6
ini复制代码server {
    listen 80;
    server_name  *.baidu.com    www.jd.*;
    # www.baidu.com abc.baidu.com  www.jd.cn www.jd.com
    ...
}

下面的配置就会报错

1
2
3
4
5
arduino复制代码server {
    listen 80;
    server_name  www.*.cn www.jd.c*
    ...
}

配置三:使用正则表达式配置

server_name中可以使用正则表达式，并且使用~作为正则表达式字符串的开始标记。

常见的正则表达式

代码 说明
^ 匹配搜索字符串开始位置
$ 匹配搜索字符串结束位置
. 匹配除换行符\n之外的任何单个字符
\ 转义字符，将下一个字符标记为特殊字符
[xyz] 字符集，与任意一个指定字符匹配
[a-z] 字符范围，匹配指定范围内的任何字符
\w 与以下任意字符匹配 A-Z a-z 0-9 和下划线,等效于[A-Za-z0-9_]
\d 数字字符匹配，等效于[0-9]
{n} 正好匹配n次
{n,} 至少匹配n次
{n,m} 匹配至少n次至多m次
* 零次或多次，等效于{0,}
+ 一次或多次，等效于{1,}
? 零次或一次，等效于{0,1}

配置如下：

1
2
3
4
5
6
7
bash复制代码server{
        listen 80;
        server_name ~^www.(\w+).com$;
        default_type text/plain;
        return 200 $1  $2 ..;
}
注意 ~后面不能加空格，括号可以取值
匹配执行顺序

由于server_name指令支持通配符和正则表达式，因此在包含多个虚拟主机的配置文件中，可能会出现一个名称被多个虚拟主机的server_name匹配成功，当遇到这种情况，当前的请求交给谁来处理呢？

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
arduino复制代码server{
    listen 80;
    server_name ~^www.\w+.com$;
    default_type text/plain;
    return 200 'regex_success';
}
​
server{
    listen 80;
    server_name www.baidu.*;
    default_type text/plain;
    return 200 'wildcard_after_success';
}
​
server{
    listen 80;
    server_name *.baidu.com;
    default_type text/plain;
    return 200 'wildcard_before_success';
}
​
server{
    listen 80;
    server_name www.baidu.com;
    default_type text/plain;
    return 200 'exact_success';
}
​
server{
    listen 80 default_server;
    server_name _;
    default_type text/plain;
    return 444 'default_server not found server';
}

结论：

1
2
3
4
5
vbscript复制代码exact_success
wildcard_before_success
wildcard_after_success
regex_success
default_server not found server!!
1
2
3
4
5
6
7
8
9
makefile复制代码No1:准确匹配server_name
​
No2:通配符在开始时匹配server_name成功
​
No3:通配符在结束时匹配server_name成功
​
No4:正则表达式匹配server_name成功
​
No5:被默认的default_server处理，如果没有指定默认找第一个server

location指令

1
2
3
4
5
6
7
8
9
10
11
ini复制代码server{
    listen 80;
    server_name localhost;
    location / {
    
    }
    location /abc{
    
    }
    ...
}

location:用来设置请求的URI

| 语法 | location [ = | ~ | * | ^ |@ ] uri{…} |
| — | — |
| 默认值 | — |
| 位置 | server,location |

uri变量是待匹配的请求字符串，可以不包含正则表达式，也可以包含正则表达式，那么nginx服务器在搜索匹配location的时候，是先使用不包含正则表达式进行匹配，找到一个匹配度最高的一个，然后在通过包含正则表达式的进行匹配，如果能匹配到直接访问，匹配不到，就使用刚才匹配度最高的那个location来处理请求。

属性介绍:

不带符号，要求必须以指定模式开始

1
2
3
4
5
6
7
8
9
10
11
12
13
arduino复制代码server {
    listen 80;
    server_name 127.0.0.1;
    location /abc{
        default_type text/plain;
        return 200 "access success";
    }
}
以下访问都是正确的
http://192.168.200.133/abc
http://192.168.200.133/abc?p1=TOM
http://192.168.200.133/abc/
http://192.168.200.133/abcdef

= : 用于不包含正则表达式的uri前，必须与指定的模式精确匹配

1
2
3
4
5
6
7
8
9
10
11
12
13
14
arduino复制代码server {
        listen 80;
        server_name 127.0.0.1;
        location =/abc{
                default_type text/plain;
                return 200 "access success";
        }
}
可以匹配到
http://192.168.200.133/abc
http://192.168.200.133/abc?p1=TOM
匹配不到
http://192.168.200.133/abc/
http://192.168.200.133/abcdef

~ ： 用于表示当前uri中包含了正则表达式，并且区分大小写 ~*: 用于表示当前uri中包含了正则表达式，并且不区分大小写

换句话说，如果uri包含了正则表达式，需要用上述两个符合来标识

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
arduino复制代码server {
        listen 80;
        server_name 127.0.0.1;
        location ~^/abc\w${
                default_type text/plain;
                return 200 "access success";
        }
}
server {
        listen 80;
        server_name 127.0.0.1;
        location ~*^/abc\w${
                default_type text/plain;
                return 200 "access success";
        }
}

^~: 用于不包含正则表达式的uri前，功能和不加符号的一致，唯一不同的是，如果模式匹配，那么就停止搜索其他模式了。

1
2
3
4
5
6
7
8
arduino复制代码 server {
        listen 80;
        server_name 127.0.0.1;
        location ^~/abc{
                default_type text/plain;
                return 200 "access success";
        }
}

设置请求资源的目录root / alias

root：设置请求的根目录

语法 root path;
默认值 root html;
位置 http、server、location

path为Nginx服务器接收到请求以后查找资源的根目录路径。

alias：用来更改location的URI

语法 alias path;
默认值 —
位置 location

path为修改后的根路径。

以上两个指令都可以来指定访问资源的路径，那么这两者之间的区别是什么?

举例说明：

（1）在/usr/local/nginx/html目录下创建一个 images目录,并在目录下放入一张图片mv.png图片

1
2
3
bash复制代码location /images {
    root /usr/local/nginx/html;
}

访问图片的路径为:

1
arduino复制代码http://192.168.200.133/images/mv.png

（2）如果把root改为alias

1
2
3
bash复制代码location /images {
    alias /usr/local/nginx/html;
}

再次访问上述地址，页面会出现404的错误，查看错误日志会发现是因为地址不对，所以验证了：

1
2
3
4
bash复制代码root的处理结果是: root路径+location路径
/usr/local/nginx/html/images/mv.png
alias的处理结果是:使用alias路径替换location路径
/usr/local/nginx/html/images

需要在alias后面路径改为

1
2
3
bash复制代码location /images {
    alias /usr/local/nginx/html/images;
}

（3）如果location路径是以/结尾,则alias也必须是以/结尾，root没有要求

将上述配置修改为

1
2
3
bash复制代码location /images/ {
    alias /usr/local/nginx/html/images;
}

访问就会出问题，查看错误日志还是路径不对，所以需要把alias后面加上 /

小结：

1
2
3
4
bash复制代码root的处理结果是: root路径+location路径
alias的处理结果是:使用alias路径替换location路径
alias是一个目录别名的定义，root则是最上层目录的含义。
如果location路径是以/结尾,则alias也必须是以/结尾，root没有要求

index指令

index:设置网站的默认首页

语法 index file …;
默认值 index index.html;
位置 http、server、location

index后面可以跟多个设置，如果访问的时候没有指定具体访问的资源，则会依次进行查找，找到第一个为止。

举例说明：

1
2
3
4
5
perl复制代码location / {
    root /usr/local/nginx/html;
    index index.html index.htm;
}
访问该location的时候，可以通过 http://ip:port/，地址后面如果不添加任何内容，则默认依次访问index.html和index.htm，找到第一个来进行返回

error_page指令

error_page:设置网站的错误页面

语法 error_page code … [=[response]] uri;
默认值 —
位置 http、server、location……

当出现对应的响应code后，如何来处理。

举例说明：

（1）可以指定具体跳转的地址

1
2
3
arduino复制代码server {
    error_page 404 http://www.baidu.com;
}

（2）可以指定重定向地址

1
2
3
4
5
6
7
ini复制代码server{
    error_page 404 /50x.html;
    error_page 500 502 503 504 /50x.html;
    location =/50x.html{
        root html;
    }
}

（3）使用location的@符合完成错误信息展示

1
2
3
4
5
6
7
kotlin复制代码server{
    error_page 404 @jump_to_error;
    location @jump_to_error {
        default_type text/plain;
        return 404 'Not Found Page...';
    }
}

可选项=[response]的作用是用来将相应代码更改为另外一个

1
2
3
4
5
6
7
ini复制代码server{
    error_page 404 =200 /50x.html;
    location =/50x.html{
        root html;
    }
}
这样的话，当返回404找不到对应的资源的时候，在浏览器上可以看到，最终返回的状态码是200，这块需要注意下，编写error_page后面的内容，404后面需要加空格，200前面不能加空格

本文转载自: 掘金

开发者博客 – 和开发相关的 这里全都有

0%