xampp 本身不支持“多终端同步调试”，但可通过配置 apache 监听 0.0.0.0:端口、放行防火墙、使用 及动态处理资源路径与 cookie，实现局域网内多设备访问同一本地站点。
直接说结论：XAMPP 本身不支持“多终端同步调试”这种语义，但你可以用多端口 + 正确的网络配置，让局域网内其他设备（手机、平板、另一台电脑）访问你本机上不同端口的站点——前提是 Apache 监听的是 0.0.0.0 而非仅 127.0.0.1，且防火墙放行对应端口。
Apache 默认只监听 127.0.0.1，外网设备根本连不上
这是最常被忽略的前提。XAMPP 安装后，httpd.conf 中的 Listen 80 实际等效于 Listen 127.0.0.1:80（取决于 Apache 版本），这意味着它拒绝来自本机以外任何 IP 的连接。
要让手机用 http://192.168.1.100:8080 访问你的项目，必须显式改成：
Listen 0.0.0.0:8080
或者更稳妥地写全：
Listen 8080
因为 Apache 2.4+ 默认将未指定地址的 Listen 视为监听所有接口。但如果你在 httpd.conf 里看到类似 Listen 127.0.0.1:8080，就必须手动删掉 127.0.0.1: 这一段。
- 改完后务必运行
httpd -t验证语法（进xampp\apache\bin目录执行） - Windows 防火墙默认会拦截非 80/443 端口，需手动添加入站规则放行
8080、8081等自定义端口 - 路由器不用动，这是纯局域网行为，不涉及端口映射或公网 IP
VirtualHost 必须绑定 *:端口号，不能只写 localhost
很多教程抄来抄去，写成 <virtualhost localhost:8080></virtualhost> 或 <virtualhost></virtualhost> ——这会导致 Apache 拒绝外部 IP 的请求，哪怕端口已监听成功。
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
正确写法永远是：
<virtualhost>
ServerName localhost
DocumentRoot "C:/xampp/htdocs/project-a"
<directory>
Require all granted
</directory></virtualhost>
* 表示匹配任意 IP 地址（包括 192.168.1.100），这才是多终端可访问的关键。
-
ServerName填localhost即可，它只影响内部路由逻辑，不影响外部访问 - 如果同时配了域名（如
project-a.test），那ServerName就得填那个域名，且该域名必须在手机/平板的 hosts 里也做映射（实际很难做到，不推荐） - 别信某些资料里写的
NameVirtualHost *:8080—— Apache 2.4+ 已废弃该指令，加了反而报错
手机访问时路径、Cookie、AJAX 请求可能出问题
你以为打开 http://192.168.1.100:8080 就万事大吉？很多 PHP/JS 项目硬编码了 localhost 或 / 作为 base URL，会导致：
- CSS/JS 路径 404（比如生成了
http://localhost:8080/css/app.css） - 登录态失效（Session Cookie 默认绑定
localhost，浏览器不发给192.168.1.100） - AJAX 请求跨域失败（前端发请求到
localhost:8080/api，而当前页面是192.168.1.100:8080）
解决办法不是改 Apache，而是改项目本身：
- PHP 中用
$_SERVER['HTTP_HOST']动态生成资源路径，别写死localhost - 前端构建工具（Vite、Webpack）配
base: '/'，避免相对路径跳转异常 - 后端 API 接口统一走代理或设 CORS 头，不要依赖同源策略侥幸
真正麻烦的从来不是配端口，而是项目没为“非 localhost 访问”做好准备。一旦发现手机能打开首页但样式乱、登录不了、按钮点不动，优先查前端资源路径和 Cookie 域名设置，而不是重配 Apache。
