XAMPP多端口映射实现IP访问多个网站

本文详解了如何通过XAMPP实现“一个IP多端口多网站”的本地开发方案，指出其核心在于手动添加Listen指令并为每个端口配置独立的VirtualHost块——不仅需在httpd.conf中启用vhosts配置，更须在httpd-vhosts.conf中显式声明DocumentRoot、ServerName及访问权限，否则请求将无法正确路由；文章还直击常见误区（如误以为改端口即自动加载站点）、列举高频启动失败原因（端口占用、语法错误、防火墙拦截）及精准排查方法，并理性对比端口方案与子域名方案的适用边界：前者仅适合简单本地调试，而涉及HTTPS、外网访问或团队协作时，必须转向更健壮的域名+反向代理方案，帮你避开后期难以收场的技术债务。

为什么不能直接用 XAMPP 做“一个 IP 多端口多网站”

XAMPP 自带的 Apache 默认只监听 80（HTTP）和 443（HTTPS）端口，它本身不拒绝其他端口，但关键在于：你手动改端口后，浏览器访问时必须显式带上端口号（如 http://192.168.1.100:8080），且每个网站必须独占一个端口 —— 这不是虚拟主机（NameVirtualHost）那种“同端口不同域名”的方案，而是纯端口分发。很多人误以为改几个 Listen 就能自动路由，其实 Apache 不会根据端口自动加载不同 DocumentRoot，必须显式配置每个端口对应的 块。

怎么配 Apache 让 8080、8081、8082 各跑一个网站

打开 C:\xampp\apache\conf\httpd.conf（Windows）或 /opt/lampp/etc/httpd.conf（Linux/macOS），确认已启用 httpd-vhosts.conf：找到并取消注释这行：Include conf/extra/httpd-vhosts.conf。然后编辑 conf/extra/httpd-vhosts.conf，按如下结构添加多个 ：

Listen 8080
Listen 8081
Listen 8082
<p><VirtualHost *:8080>
DocumentRoot "C:/xampp/htdocs/site-a"
ServerName localhost:8080
<Directory "C:/xampp/htdocs/site-a">
Require all granted
</Directory>
</VirtualHost></p><p><VirtualHost *:8081>
DocumentRoot "C:/xampp/htdocs/site-b"
ServerName localhost:8081
<Directory "C:/xampp/htdocs/site-b">
Require all granted
</Directory>
</VirtualHost></p><p><VirtualHost *:8082>
DocumentRoot "C:/xampp/htdocs/site-c"
ServerName localhost:8082
<Directory "C:/xampp/htdocs/site-c">
Require all granted
</Directory>
</VirtualHost></p>

注意几点：

• Listen 指令必须在所有 之前，且每个端口只能出现一次
• ServerName 写成 localhost:8080 是可选的，但建议写上，避免 Apache 日志报 _default_ 警告
• Windows 下路径用正斜杠 / 或双反斜杠 \\，别用单反斜杠（\）—— 否则 Apache 启动失败且报错 Syntax error on line X of httpd-vhosts.conf
• 每个 必须有 Require all granted（Apache 2.4+ 语法），旧版的 Allow from all 会直接导致 403 错误

常见启动失败原因和排查步骤

改完配置重启 Apache 失败？先看 C:\xampp\apache\logs\error.log 最末几行。高频问题：

• (OS 10013)An attempt was made to access a socket in a way forbidden by its access permissions：端口被占用（比如 Skype、QQ、IIS 占了 8080）。用命令 netstat -ano | findstr :8080 找 PID，再用任务管理器杀掉
• VirtualHost *:8080 -- mixing * ports and non-* ports with a NameVirtualHost address is not supported：说明你同时启用了 NameVirtualHost *:80 和自定义端口，但没统一写法。删掉所有 NameVirtualHost 行（Apache 2.4+ 已废弃该指令）
• 浏览器访问 http://localhost:8080 显示 XAMPP 默认页：说明请求没落到你的 ，大概率是 ServerName 不匹配或 DocumentRoot 路径写错（注意大小写、空格、末尾斜杠）
• 修改后 Apache 状态栏仍显示“running”，但网页打不开：检查 Windows 防火墙是否放行了这些端口（特别是出站规则）

端口方案 vs 域名方案：哪个更实用

用端口区分网站看似简单，但实际有硬伤：

• 外部用户访问必须记端口号，分享链接难看（http://example.com:8081/admin）、易输错
• 某些企业内网或公共 WiFi 会屏蔽非标端口（如 8080 以外的端口），导致无法访问
• HTTPS（443）没法简单复制：你不能让多个站点共用 443 却靠端口区分，因为 TLS 握手发生在 HTTP 请求前，服务器根本不知道你要访问哪个站点
• 真正生产环境几乎不用端口分流，而是用子域名（site-a.example.com）+ ServerName + 泛解析 DNS，或用反向代理（Nginx）统一收口再转发

如果你只是本地开发调试，端口方案够用；但只要涉及 HTTPS、外网访问、团队协作，立刻切到 hosts + 子域名 + ServerName 方案，否则后面踩的坑只会更多。

到这里，我们也就讲完了《XAMPP多端口映射实现IP访问多个网站》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于XAMPP的知识点！