根本原因是未为新增端口配置匹配的virtualhost块，apache仅响应默认端口（如*:80）的请求，其他监听端口无对应虚拟主机则无法路由；同时servername必须与hosts文件严格一致，且需执行httpd -t验证语法并彻底重启服务。
Apache监听多端口但浏览器打不开对应站点
根本原因通常是 httpd.conf 里加了 Listen 8080，却没同步配置 <virtualhost></virtualhost> 块——Apache 默认只响应 <virtualhost></virtualhost>，其他端口即使监听了也不会路由请求。
实操要点：
- 每个新增端口（如 8080、8081）都必须有独立且匹配的
<virtualhost></virtualhost>块，不能复用*:80的配置 -
DocumentRoot和ServerName必须在对应端口的<virtualhost></virtualhost>内显式声明，外层设置不继承 - 改完后必须运行
xampp\apache\bin\httpd.exe -t验证语法，否则 Apache 可能静默失败或回退到默认页
用 localhost:8080 能访问，但绑定了域名却 404
这是典型的 hosts 文件与 ServerName 不一致导致的。浏览器发请求时带的是 Host: myapp.test，而 Apache 若没在对应 <virtualhost></virtualhost> 中声明 ServerName myapp.test，就会交给第一个匹配的虚拟主机（通常是默认站点），结果就是 404 或跳转到 XAMPP welcome 页。
检查和修复步骤：
- 确保
C:\Windows\System32\drivers\etc\hosts中有127.0.0.1 myapp.test（无端口，无 http://） - 对应
<virtualhost></virtualhost>块内必须含ServerName myapp.test，且大小写要和 hosts 里完全一致 - 如果还用了
ServerAlias，注意它不支持通配符端口，myapp.test:8080这种写法无效，Host头永远不含端口
Chrome 强制跳 https 导致 http://myapp.test:8080 打不开
Chrome 对某些域名（尤其是 .dev、.app）会自动升级为 HTTPS，而 XAMPP 默认没配 SSL，直接拒绝连接。这不是 DNS 或 Apache 配置问题，是浏览器策略。
XAMPP 8.0.30 是一款免费、开源的跨平台 Web 服务器集成包，专为快速搭建本地 PHP 开发环境而设计。该版本核心组件包括：Apache 2.4.56、MySQL 8.0.33、PHP 8.0.30、phpMyAdmin 5.2.1 等。它支持 Windows、Linux 和 macOS 系统，可让开发者在个人电脑上轻松模拟服务器环境，无需复杂配置即可运行 WordPress、Thin
临时解决方法（开发阶段够用）：
- 换用
.test或.localhost后缀——它们被 IETF 标准保留，Chrome 不强制 HTTPS - 在 Chrome 地址栏输入
http://myapp.test:8080后立刻按回车，不要等自动补全或跳转 - 彻底禁用 HSTS 缓存：访问
chrome://net-internals/#hsts→ 删除域名（谨慎操作，仅限本地环境）
修改后重启 Apache 仍不生效
XAMPP 控制面板点 “Start” 并不代表配置已重载；它只启动服务进程，旧配置可能还在内存中。
务必执行以下任一操作：
- 在 XAMPP 控制面板中，对 Apache 点 “Stop”，再点 “Start”（两次点击之间等 2 秒以上）
- 更可靠的方式：命令行进入
xampp\apache\bin\，运行httpd.exe -k restart - 检查
xampp\apache\logs\error.log，搜索AH00558（配置加载提示）或Cannot assign requested address（端口被占用）
端口冲突常被忽略：Skype、IIS、甚至 Windows Hyper-V 都可能抢占 80/443/8080，用 netstat -ano | findstr :8080 查进程 ID，再用任务管理器结束。
