nginx部署前端项目location时root和alias配置指南
更新时间：2024年01月08日 15:53:39 作者：阿松哥哥2018
nginx指定文件路径有两种方式root和alias,下面这篇文章主要给大家介绍了关于nginx部署前端项目location时root和alias配置的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
操作说明
1、nginx目录中html目录下放置green 前端项目
监听端口：8181
nginx配置文件配置location时使用root方式
# root 方式
# 方式1 域名直接可访问到 即 localhost:8181
#location / {
# root html;
# index green/index.html green/index.htm;
#}
# 方式2 域名直接可访问到 即 localhost:8181
#location / {
# root html/green/;
# index index.html index.htm;
#}
# 方式2.1 域名直接可访问到 即 localhost:8181
#location / {
# root html/green;
# index index.html index.htm;
#}
# 方式3 域名+/green 可访问到 即 localhost:8181/green
#location /green/ {
# root html;
# index index.html index.htm;
#}
# 方式3.1 访问不到green下任务资源
#location /green/ {
# root html/green/;
# index index.html index.htm;
#}
以上三种 方式结论验证 用root属性指定的值是要加入到最终路径中的，匹配条件会拼接到路径中
即最终获取的静态页面路径为：域名 + root + 区配条件 + index
即找到 localhost:8181/html/green/index.html
备注：方式2 和方式2.1 用于验证 root 属性的值最后的 “/“为非必须，有没有最后一个”/” 都可以访问到
nginx配置文件配置location时使用alias方式
# alias 方式
# 方式1 域名直接可访问到 即 localhost:8181
#location / {
# alias html/green/;
# index index.html index.htm;
#}
# 方式1.1 访问不到green下任务资源
#location / {
# alias html/green;
# index index.html index.htm;
#}
# 方式2 域名直接可访问到 即 localhost:8181
#location / {
# alias html/;
# index green/index.html green/index.htm;
#}
# 方式3 域名直接可访问到 即 localhost:8181/green
#location /green {
# alias html/green/;
# index index.html index.htm;
#}
# 方式3.1 域名直接可访问到 即 localhost:8181/green
#location /green/ {
# alias html/green/;
# index index.html index.htm;
#}
以上三种 方式结论验证 用alias属性指定的值，匹配条件不会拼接到路径中，会直接在alias属性的值下面去找资源
即最终获取的静态页面路径为：域名 + alias + index
即找到 localhost:8181/html/green/index.html
备注：方式1 和方式1.1 用于验证 alias 属性的值最后的 “/“为必须，没有最后一个”/” 访问不到
完整的nginx配置文件如下
#user nobody;
worker_processes 1;
#error_log logs/error.log;
#error_log logs/error.log notice;
#error_log logs/error.log info;
#pid logs/nginx.pid;
events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
log_format main '$remote_addr - $remote_user [$time_local] "$request" '
'$status $body_bytes_sent "$http_referer" '
'"$http_user_agent" "$http_x_forwarded_for"';
map $time_iso8601 $logdate{
'~^(?<ymd>\d{4}-\d{2}-\d{2})' $ymd;
default 'date-not-found';
}
access_log logs/access-$logdate.log main;
sendfile on;
#tcp_nopush on;
#keepalive_timeout 0;
keepalive_timeout 65;
#gzip on;
server {
listen 8181;
server_name localhost;
access_log logs/access-$logdate.log main;
# root 方式
# 方式1 域名直接可访问到 即 localhost:8181
location / {
root html;
index green/index.html green/index.htm;
}
# 方式2 域名直接可访问到 即 localhost:8181
#location / {
# root html/green/;
# index index.html index.htm;
#}
# 方式2.1 域名直接可访问到 即 localhost:8181
#location / {
# root html/green;
# index index.html index.htm;
#}
# 方式3 域名+/green 可访问到 即 localhost:8181/green
#location /green/ {
# root html;
# index index.html index.htm;
#}
# 方式3.1 访问不到green下任务资源
#location /green/ {
# root html/green/;
# index index.html index.htm;
#}
# 以上三种 方式结论验证 用root属性指定的值是要加入到最终路径中的，匹配条件会拼接到路径中
# 即最终获取的静态页面路径为：域名 + root + 区配条件 + index
# 即找到 localhost:8181/html/green/index.html
# 备注：方式2 和方式2.1 用于验证 root 属性的值最后的 "/"为非必须，有没有最后一个"/" 都可以访问到
# alias 方式
# 方式1 域名直接可访问到 即 localhost:8181
#location / {
# alias html/green/;
# index index.html index.htm;
#}
# 方式1.1 访问不到green下任务资源
#location / {
# alias html/green;
# index index.html index.htm;
#}
# 方式2 域名直接可访问到 即 localhost:8181
#location / {
# alias html/;
# index green/index.html green/index.htm;
#}
# 方式3 域名直接可访问到 即 localhost:8181/green
#location /green {
# alias html/green/;
# index index.html index.htm;
#}
# 方式3.1 域名直接可访问到 即 localhost:8181/green
#location /green/ {
# alias html/green/;
# index index.html index.htm;
#}
# 以上三种 方式结论验证 用alias属性指定的值，匹配条件不会拼接到路径中，会直接在alias属性的值下面去找资源
# 即最终获取的静态页面路径为：域名 + alias + index
# 即找到 localhost:8181/html/green/index.html
# 备注：方式1 和方式1.1 用于验证 alias 属性的值最后的 "/"为必须，没有最后一个"/" 访问不到
# 后台服务；
location /fdiagnose/ {
proxy_ignore_client_abort on;
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_pass http://localhost:9090;
}
}
}附：Nginx 配置中root和alias的区别分析
root和alias都可以定义在location模块中，都是用来指定请求资源的真实路径，比如：
location /i/ {
root /data/w3;
}请求 http://foofish.net/i/top.gif 这个地址时，那么在服务器里面对应的真正的资源
是 /data/w3/i/top.gif文件
注意：真实的路径是root指定的值加上location指定的值 。
而 alias 正如其名，alias指定的路径是location的别名，不管location的值怎么写，资源的 真实路径都是 alias 指定的路径 ，比如：
location /i/ {
alias /data/w3/;
}同样请求 http://foofish.net/i/top.gif 时，在服务器查找的资源路径是： /data/w3/top.gif
其他区别：
1、 alias 只能作用在location中，而root可以存在server、http和location中。
2、 alias 后面必须要用 “/” 结束，否则会找不到文件，而 root 则对 ”/” 可有可无。
总结
到此这篇关于nginx部署前端项目location时root和alias配置的文章就介绍到这了,更多相关nginx location用root和alias配置内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
配置nginx代理过程中,如果出现错误,需要看日志,可以把nginx日志配置出来,以便快速定位日志问题,下面就来介绍一下nginx配置错误日志的实现步骤,感兴趣的可以了解一下2025-08-08
Nginx的匹配规则用location指令来实现,Nginx 的location指令用于匹配请求的 URI（请求路径）,并根据匹配结果执行特定的处理指令,这篇文章主要介绍了nginx中的路径匹配规则详解（location规则）,需要的朋友可以参考下2025-04-04
这篇文章主要介绍了Nginx中HTTP的keepalive相关配置,以及Nginx的Httpd守护进程相关的keepalive timeout配置,需要的朋友可以参考下2016-01-01
这篇文章主要介绍了Nginx中 文域名配置详解及实现的相关资料,Nginx虚拟主机上绑定一个带中文域名但是不能跳转，这里给大家说下如何实现，需要的朋友可以参考下2016-12-12
这篇文章主要介绍了nginx禁止访问.git文件的设置教程,.git文件会包含一份文件列表,如果你的网站是基于git协作开发的,则必须要注意这个问题,需要的朋友可以参考下2014-08-08
这篇文章主要介绍了Nginx多层代理配置方法，此篇文章只给大家介绍nginx的多级代理配置代码,需要的朋友可以参考下2017-08-08
由于现在nginx有版本漏洞,所以很多安装过nginx的需要卸载重新安装,本文主要介绍了nginx完全卸载的方法步骤,具有一定的参考价值,感兴趣的可以了解一下2024-08-08
本文主要介绍了WinPC搭建nginx服务器的实现步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-01-01
这篇文章主要为大家介绍了nginx镜像构建的知识点详解,<BR>有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08
文章介绍了如何配置Nginx以访问本地静态资源、图片和视频,首先,进入Nginx安装目录并打开`nginx.conf`文件,添加一个新的`server`配置来指定本地路径,然后,通过命令行重启Nginx服务以应用更改,最后,通过浏览器访问配置的图片路径来验证配置是否成功2025-01-01
最新评论