想让用户通过“IP:端口/子目录”直接访问你的服务，核心做法就是：先确保服务器防火墙放行该端口，再让服务监听这个端口，最后把应用部署到对应子目录下，URL自然就是“http://服务器IP:端口/子目录”。这个格式看着简单，但实际配置里很多人卡在端口不通、路径不对、反向代理冲突这三个坑上,下面我按配置场景一步步拆开讲。
服务器IP加端口和子目录的URL格式怎么理解
先拆解一个完整地址：http://192.168.1.10:8080/blog/index.html,它的结构是：
http://：协议，浏览器默认补全,可省略不写。168.1.10：服务器IP，可能是公网IP,也可能是内网IP。8080：端口号，用冒号跟在IP后面，默认80端口可省略,其他端口必须写。/blog/index.html：子目录加文件名，斜杠开头,路径相对于网站根目录。
这个格式是HTTP协议规定的，没有例外，IP后面加冒号，端口后面加斜杠，目录逐级写，如果你看到http://192.168.1.10:8080/blog，服务器会自动补成http://192.168.1.10:8080/blog/,多数情况下二者等价。
但要注意，端口和子目录之间不能有空格或特殊符号，有人手滑写成IP:端口子目录，反斜杠在Linux路径里是普通字符，Windows服务器上才会被识别为分隔符，所以统一用正斜杠最安全。
Nginx下IP端口加子目录的配置方法
Nginx是目前使用率最高的Web服务器之一，配置IP端口加子目录有两种典型场景：一是直接让Nginx监听指定端口,二是用反向代理把端口转发到子目录。
直接使用根目录下的子文件夹
如果你已经把静态文件放进了/usr/share/nginx/html/blog，想通过http://IP:8080/blog访问,那么修改Nginx配置文件：
server {
listen 8080;
server_name _;
root /usr/share/nginx/html;
index index.html;
location /blog/ {
try_files $uri $uri/ =404;
}
}
这里root指向的是网站总目录，location /blog/告诉Nginx把/blog开头的请求映射到/usr/share/nginx/html/blog，配置完执行nginx -t测试语法，然后systemctl reload nginx生效。
用location匹配子目录并反向代理
如果服务跑在另一个端口，比如Tomcat监听8080，Nginx监听80，你想让用户访问http://IP:80/myapp时转发到http://127.0.0.1:8080/myapp,可以用这段：
server {
listen 80;
server_name _;
location /myapp/ {
proxy_pass http://127.0.0.1:8080/myapp/;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
}
}
一个容易翻车的细节：proxy_pass后面的URI是否以斜杠结尾，决定了转发路径是否保留。proxy_pass http://127.0.0.1:8080;（不带斜杠）会把完整URI转发，比如/myapp/login转发到后端/myapp/login；proxy_pass http://127.0.0.1:8080/;（带斜杠）会去掉location前缀，转发成/login。多数情况下，子目录透传应该不带末尾斜杠,让后端自己处理路由。
Apache和宝塔面板的IP端口子目录设置
除了Nginx，Apache和宝塔面板也是常见环境，它们的配置思路相似,但操作入口不同。
Apache的IP端口加子目录配置
Apache用VirtualHost来区分端口，假设你要让http://IP:8080/docs指向/var/www/html/docs：
Listen 8080
<VirtualHost :8080>
DocumentRoot "/var/www/html"
<Directory "/var/www/html">
Options Indexes FollowSymLinks
AllowOverride All
Require all granted
</Directory>
</VirtualHost>
这个配置把8080端口的所有请求都指向/var/www/html下，那么访问/docs就对应物理路径/var/www/html/docs，如果想让子目录独立于主目录，也可以用Alias：
Alias /docs "/data/apps/docs"
<Directory "/data/apps/docs">
Require all granted
</Directory>
Alias的优势是子目录可以放在服务器任意位置,不一定要在网站根目录下。
宝塔面板的图形化操作路径
宝塔面板（BT）把端口和子目录的配置做了可视化，但很多人找不到入口,具体路径是：
- 登录宝塔面板，左侧菜单选“网站”
- 点击对应站点右侧的“设置”按钮
- 在弹出的窗口中选择“配置文件”
- 在
server块内修改或添加listen和location
如果你用的是宝塔反向代理功能,更简单：
- 进入“网站” -> “反向代理” -> “添加反向代理”
- 填写代理名称,test”
- “目标URL”填
http://127.0.0.1:8080 - “发送域名”保持默认或填服务器IP
- 提交后，访问
http://IP:端口（宝塔默认会把端口设为80或443）就会转发到内网服务
注意宝塔默认站点只监听80和443端口，如果你想用8080访问，需要在“安全”页面的“端口放行”里添加8080，同时还要在云服务商的安全组规则里放行,否则外部访问直接超时。
服务器防火墙与安全组放行端口
端口配好了，服务也启动了，但外部访问不了？九成问题出在防火墙或云安全组,这是服务器IP加端口访问最常踩的坑。
Linux系统防火墙开放端口
以常见的CentOS 7/8和Ubuntu 20.04为例：
- firewalld（CentOS）：
firewall-cmd --zone=public --add-port=8080/tcp --permanent firewall-cmd --reload
- ufw（Ubuntu）：
sudo ufw allow 8080/tcp sudo ufw reload
检查端口是否已监听，用netstat -tlnp | grep 8080，如果看到0.0.0:8080或::8080说明服务正常监听所有网卡。
云服务器安全组规则
在简米云、酷番云、华为云的控制台，找到实例的“安全组”或“防火墙”配置,添加入方向规则：
- 协议：TCP
- 端口：8080（或你的实际端口）
- 来源：0.0.0.0/0（全放行）或指定IP，看你的需求
安全组是独立于服务器系统防火墙的，两层都要放行，有些用户只改了系统防火墙，忽略了云控制台安全组，结果端口还是不通，行业共识认为，排查网络问题时先看安全组，再看系统防火墙,效率最高。
应用本身对子目录路径的支持
端口通了，目录也存在，但页面打不开？可能你的应用并没有按子目录方式部署,这里分几种情况：
- 静态网站：直接把文件放在子目录下,用Nginx或Apache指向即可。
- Java应用（Spring Boot/Tomcat）：默认打包成根路径，如果你想让应用跑在
/myapp下，需要在application.yml里设server.servlet.context-path: /myapp，或者把war包放到Tomcat的webapps/myapp目录。 - Node.js应用：Express框架里用
app.use('/sub', router)挂载子路由，同时保证前端资源路径是相对路径或加上了/sub前缀。 - 前后端分离项目：前端打包时设置
base或publicPath为/sub/，否则静态资源会请求到根路径上,导致白屏。
一个典型场景：你用Vue写了个后台系统，部署到http://IP:8080/admin，结果打开页面只有HTML没有CSS，控制台报404，这就是因为publicPath默认是，资源请求到了http://IP:8080/js/app.js而不是http://IP:8080/admin/js/app.js，修改vue.config.js
里的publicPath: '/admin/',重新打包即可。
用域名解析和反向代理简化IP端口子目录
不少人在配置过程中会问：能不能不用IP加端口，直接用一个子域名访问？当然可以,这在生产环境更常见。
比如你想让http://IP:8080/admin变成http://admin.example.com,做法是：
- 在DNS解析里给
admin.example.com添加A记录,指向服务器IP。 - 在Nginx里新建一个server块：
server {
listen 80;
server_name admin.example.com;
location / {
proxy_pass http://127.0.0.1:8080;
proxy_set_header Host $host;
}
}
这样用户只需记住域名，不用记IP、端口和子目录，这个思路也适用于多个服务共用一个80端口，通过不同域名区分,而省去端口号的麻烦。
服务器IP端口子目录配置常见问题Q&A
Q：为什么我访问http://IP:8080/test显示404，但访问http://IP:8080/正常？
A：大概率是你的应用或Nginx配置里没有定义/test这个路由规则，如果是静态文件，检查子目录是否存在于root指定的路径下；如果是动态应用，检查路由表里是否有对应映射。location /test和location /test/是有区别的，前者可以不带斜杠访问,后者必须带斜杠才能匹配。
Q：服务器IP加端口能访问，但加上子目录后页面样式丢失，是什么原因？
A：这是典型的静态资源路径问题，你的页面里引用CSS或JS时用了绝对路径比如/css/style.css，子目录环境下这个路径会被解析到http://IP:端口/css/而不是http://IP:端口/子目录/css/，你需要把资源引入方式改为相对路径（去掉开头的斜杠），或者在前端构建工具里设置base路径为子目录名称，以Nginx为例，也可以尝试为子目录单独配置一个location来重写资源请求。
Q：使用宝塔面板配置IP端口加子目录反向代理时，需要注意哪些默认参数？
A：宝塔的反向代理默认只设置了proxy_pass和Host头，实际工作中还需要注意两点：一是确认目标服务绑定的是0.0.1还是0.0.0，如果绑定的是0.0.1，代理访问没问题，但外部直接访问该端口会被拒绝；二是默认不传递X-Forwarded-Proto，如果后端用HTTPS重定向判断，会导致循环重定向，建议手动在配置里加上proxy_set_header X-Forwarded-Proto $scheme;和proxy_set_header X-Real-IP $remote_addr;。
首发原创文章，作者：王坚，如若转载，请注明出处：https://idctop.com/article/640479.html
