Nginx静态资源的配置指令(listen/server_name/location/index/errorpage)

本文详细解释了Nginx中的关键配置指令,包括listen端口监听、server_name域名匹配、location请求URI处理、root和alias设置以及index和error_page错误页面定制。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Nginx静态资源的配置指令

目录

Nginx静态资源的配置指令

1、listen指令

2、server_name指令

2.1、配置方式一:精确匹配(一般采用精准匹配)

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

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

location指令

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

4、index指令

5、error_page指令


1、listen指令

listen:用来配置监听端口(主要见监听前端页面访问的端口)。

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

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

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。

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';
}
2、server_name指令

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

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

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

关于server_name的配置方式有三种,分别是:

精确匹配
通配符匹配
正则表达式匹配

2.1、配置方式一:精确匹配(一般采用精准匹配)
server {
	listen 80;
	server_name www.xixi.cn www.heihei.cn;
	...
}

补充小知识点:

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

centos:/etc/hosts

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

(在host配置的域名,只能在服务器内部使用,用于测试)

vim /etc/hosts
127.0.0.1 www.itcast.cn
127.0.0.1 www.itheima.cn
2.2、配置方式二:使用通配符配置

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

server {
	listen 80;
	server_name  *.xixi.cn	www.xix.*;
	...
}

下面的配置就会报错

server {
	listen 80;
	server_name  www.*.cn www.itheima.c*
	...
}
2.3、配置三:使用正则表达式配置

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}

配置如下:

server{
        listen 80;
        server_name ~^www\.(\w+)\.com$;
        default_type text/plain;
        return 200 $1  $2 ..;
}
注意 ~后面不能加空格,括号可以取值

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

server{
	listen 80;
	server_name ~^www\.\w+\.com$;
	default_type text/plain;
	return 200 'regex_success';
}

server{
	listen 80;
	server_name www.itheima.*;
	default_type text/plain;
	return 200 'wildcard_after_success';
}

server{
	listen 80;
	server_name *.itheima.com;
	default_type text/plain;
	return 200 'wildcard_before_success';
}

server{
	listen 80;
	server_name www.itheima.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';
}

结论:

exact_success
wildcard_before_success
wildcard_after_success
regex_success
default_server not found server!!
No1:准确匹配server_name

No2:通配符在开始时匹配server_name成功

No3:通配符在结束时匹配server_name成功

No4:正则表达式匹配server_name成功

No5:被默认的default_server处理,如果没有指定默认找第一个server
3、location指令
server{
	listen 80;
	server_name localhost;
	location / {
	
	}
	location /abc{
	
	}
	...
}

location:用来设置请求的URI

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

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

属性介绍:

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

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前,必须与指定的模式精确匹配

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包含了正则表达式,需要用上述两个符合来标识

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前,功能和不加符号的一致,唯一不同的是,如果模式匹配,那么就停止搜索其他模式了(常用)

server {
	listen 80;
	server_name 127.0.0.1;
	location ^~/abc{
		default_type text/plain;
		return 200 "access success";
	}
}

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

root:设置请求的根目录(就是当前nginx安装的跟目录下的html目录)

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

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

alias:用来更改location的URI

语法alias path;
默认值
位置location

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

举例说明:

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

location /images {
	root /usr/local/nginx/html;
}

访问图片的路径为:

http://192.168.200.133/images/mv.png

(2)如果把root改为alias

location /images {
	alias /usr/local/nginx/html;
}

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

root的处理结果是: root路径+location路径
/usr/local/nginx/html/images/mv.png
alias的处理结果是:使用alias路径替换location路径
/usr/local/nginx/html/images

需要在alias后面路径改为

location /images {
	alias /usr/local/nginx/html/images;
}

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

将上述配置修改为

location /images/ {
	alias /usr/local/nginx/html/images;
}

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

小结:

root的处理结果是: root路径+location路径
alias的处理结果是:使用alias路径替换location路径
alias是一个目录别名的定义,root则是最上层目录的含义。
如果location路径是以/结尾,则alias也必须是以/结尾,root没有要求
4、index指令

index:设置网站的默认首页

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

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

举例说明:

location / {
	root /usr/local/nginx/html;
	index index.html index.htm;
}
访问该location的时候,可以通过 http://ip:port/,地址后面如果不添加任何内容,则默认依次访问index.html和index.htm,找到第一个来进行返回
5、error_page指令

error_page:设置网站的错误页面

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

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

举例说明:

(1)可以指定具体跳转的地址

server {
	error_page 404 http://www.itcast.cn;
}

(2)可以指定重定向地址

server{
	error_page 404 /50x.html;
	error_page 500 502 503 504 /50x.html;
	location =/50x.html{
		root html;
	}
}

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

server{
	error_page 404 @jump_to_error;
	location @jump_to_error {
		default_type text/plain;
		return 404 'Not Found Page...';
	}
}

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

server{
	error_page 404 =200 /50x.html;
	location =/50x.html{
		root html;
	}
}
这样的话,当返回404找不到对应的资源的时候,在浏览器上可以看到,最终返回的状态码是200,这块需要注意下,编写error_page后面的内容,404后面需要加空格,200前面不能加空格
<think>好的,我现在需要帮用户检查他的Nginx配置文件,并将所有的Linux路径改为Windows路径。首先,我得仔细看一下用户提供的配置内容,找出其中涉及路径的部分。 用户提供的配置中,有几个地方需要注意。首先是`access_log`,原来的路径是`/var/log/nginx/threecenter_access.log`,这在Linux下是标准路径,但Windows下通常不会有这个目录结构,需要改成Windows的路径,比如`D:/nginx-1.25.2/logs/threecenter_access.log`。这里要注意使用正斜杠,并且路径要存在,否则Nginx会报错。 接下来是各个`location`块中的`alias`和`root`。比如`alias C:/Work/luan/frontend/tc_admin_web/dist`,这里用户已经用了Windows路径,但需要确认路径是否正确,以及是否使用了正斜杠。另外,最后一个`location /govern/`的`proxy_pass`指向的是Linux的IP和端口,这部分没问题,因为是网络地址,不需要修改路径。 然后看`error_page`部分,原来的`root`是`/usr/share/nginx/html`,这在Windows下显然不存在,需要改为Windows下的实际路径,比如`D:/nginx-1.25.2/html`,并且确保该目录下有`50x.html`文件。 还要检查所有路径是否都使用了正斜杠,虽然Windows默认用反斜杠,但Nginx配置中必须使用正斜杠。比如`C:/Work/luan/frontend...`是否正确,是否有拼写错误。 另外,用户提到要检查Linux路径全部改成Windows路径,可能需要确认其他隐藏的路径,比如日志文件的位置,或者是否有其他地方引用了Linux的目录结构。 最后,需要提醒用户修改配置后,运行`nginx -t`测试配置是否正确,并确保所有指定的目录都存在,避免Nginx启动失败。同时,注意Windows下的权限问题,确保Nginx进程有权限访问这些目录和文件。</think>### 配置修改与注意事项 #### 一、路径修改对照表 ```diff # access_log 路径 - access_log /var/log/nginx/threecenter_access.log; + access_log D:/nginx-1.25.2/logs/threecenter_access.log; # 静态资源路径 location /admin { - alias C:/Work/luan/frontend/tc_admin_web/dist; + alias D:/Work/luan/frontend/tc_admin_web/dist; # ✅ 保持正斜杠 } # 错误页面路径 - root /usr/share/nginx/html; + root D:/nginx-1.25.2/html; # ✅ 必须实际存在的目录 ``` #### 二、关键配置验证 1. **路径格式要求**: ```nginx # ✅ 正确格式示例(Windows平台) alias D:/path/to/folder; # 必须大写盘符+正斜杠 root C:/nginx/html; # 禁止使用反斜杠 ``` 2. **路径存在性检查**(PowerShell命令): ```powershell # 检查所有配置路径 Test-Path D:\Work\luan\frontend\tc_admin_web\dist Test-Path D:\nginx-1.25.2\html\50x.html ``` #### 三、完整修正配置 ```nginx server { listen 9100; server_name 192.168.1.127; absolute_redirect off; access_log D:/nginx-1.25.2/logs/threecenter_access.log; # ✅ 修改点1 location /admin { alias D:/Work/luan/frontend/tc_admin_web/dist; # ✅ 修改点2 index index.html index.htm; } location /login { alias D:/Work/luan/frontend/tc_oauth2_web/dist; # ✅ 修改点3 index index.html index.htm; } # ... 其他proxy_pass配置无需修改 ... error_page 500 502 503 504 /50x.html; location = /50x.html { root D:/nginx-1.25.2/html; # ✅ 修改点4 } } ``` #### 四、必要补充配置 1. **创建日志目录**: ```powershell New-Item D:\nginx-1.25.2\logs -ItemType Directory ``` 2. **放置错误页面**: ```powershell # 创建50x.html文件 Add-Content D:\nginx-1.25.2\html\50x.html "<h1>Server Error</h1>" ``` #### 五、配置验证步骤 1. **语法检查**: ```powershell D:\nginx-1.25.2\nginx.exe -t ``` 2. **路径有效性测试**: ```powershell # 测试alias路径是否可访问 Invoke-WebRequest http://192.168.1.127:9100/admin/index.html ``` #### 六、常见问题处理 ```log 2023/xx/xx [emerg] 1234#7890: CreateFile() "D:\nginx\..." failed (3: The system cannot find the path specified) ``` **解决方案**: 1. 检查路径中的特殊字符(建议全英文路径) 2. 设置文件夹权限: ```powershell icacls D:\Work\luan\frontend /grant "Everyone:(OI)(CI)F" ``` #### 七、路径转换原则 | Linux路径 | Windows等效路径 | 转换要点 | |----------|----------------|--------| | `/var/log` | `D:/nginx/logs` | 需提前创建目录 | | `/usr/share` | `C:/Program Files` | 注意空格转义 | | `/tmp` | `%TEMP%` | 建议使用完整路径 | --- ### 操作示例演示 ```powershell # 完整配置流程 PS> # 创建所需目录 PS> New-Item D:\nginx-1.25.2\logs -ItemType Directory -Force PS> New-Item D:\Work\luan\frontend\tc_admin_web\dist -ItemType Directory -Force # 部署测试文件 PS> "Test Page" | Out-File D:\Work\luan\frontend\tc_admin_web\dist\index.html -Encoding utf8 # 权限设置(如果需要) PS> icacls D:\Work\luan /grant "Everyone:(OI)(CI)F" /T # 重载配置 PS> D:\nginx-1.25.2\nginx.exe -s reload ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

西西o

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值