XAMPP局域网访问设置指南：实现多设备测试与共享
当你在本地电脑使用XAMPP搭建好开发环境后，是否遇到过这样的困境：自己的浏览器访问一切正常，但换成手机、平板或同事的电脑却无法连接？这其实是Apache服务器的默认安全策略所致——它仅响应来自本机的请求。本教程将详细解析XAMPP局域网访问的完整配置流程，通过几个关键步骤，让你快速实现跨设备站点测试与共享。
第一步：配置Apache监听所有网络接口
要让局域网内的其他设备能够访问你的XAMPP站点，首先需要修改Apache的主配置文件，使其监听所有网络接口而非仅限本地回环地址。请根据你的操作系统找到对应文件：
- macOS系统：
/Applications/XAMPP/etc/httpd.conf - Windows系统：
X:\xampp\apache\conf\httpd.conf（X为你的安装盘符）
在配置文件中定位并修改以下两处关键设置：
- 将
Listen 80修改为Listen 0.0.0.0:80（若使用自定义端口如8080，则改为Listen 0.0.0.0:8080）。 - 将
ServerName localhost:80修改为ServerName 0.0.0.0:80，或直接将其注释掉（新版Apache中此项非必需，保留可能影响虚拟主机识别）。
技术要点：0.0.0.0表示监听所有可用网络接口，这是最可靠的配置方式。避免绑定到特定IP地址（如192.168.1.100:80），否则当电脑IP变更或存在多网卡时，服务将无法访问。
第二步：调整目录访问权限设置
Apache 2.4及以上版本采用了更严格的访问控制机制，默认配置会阻止所有非本地连接。你需要修改两处配置以开放访问权限：
- 在主配置文件
httpd.conf中，找到类似Require local替换为Require all granted。 - 在虚拟主机配置文件（通常是
httpd-vhosts.conf）中，检查每个
重要提醒：网上许多旧教程仍在使用Apache 2.2的语法（Order deny,allow和Allow from all）。XAMPP 7.x系列默认搭载Apache 2.4+，若混用新旧语法会导致服务启动失败并报错Invalid command 'Order'。
第三步：配置系统防火墙放行规则
即使Apache配置正确，系统防火墙也可能阻止外部连接。建议为防火墙添加例外规则而非完全关闭：
- macOS系统：进入「系统设置 > 网络 > 防火墙 > 防火墙选项」，在应用列表中找到并勾选
Apache HTTP Server。若未找到，点击「+」按钮手动添加路径：/Applications/XAMPP/xamppfiles/bin/httpd。 - Windows系统：打开控制面板，进入「Windows Defender 防火墙 > 允许应用或功能通过防火墙」，找到并勾选
Apache HTTP Server。若无此条目，需手动创建入站规则：选择“端口”类型，指定TCP协议和端口号（如80或8080），最后选择“允许连接”。
配置完成后，可在局域网其他设备的浏览器中输入https://[你的电脑局域网IP]进行测试。务必使用电脑的实际局域网IP地址，而非localhost或127.0.0.1。
第四步：配置自定义域名访问（可选进阶）
若希望通过myproject.local这类自定义域名访问站点，需在服务端和客户端进行双重配置：
- 服务端配置：确保
httpd.conf中已启用虚拟主机支持（确认Include /Applications/XAMPP/etc/extra/httpd-vhosts.conf未被注释）。 - 客户端配置：在每台需要访问的设备上修改hosts文件，添加域名解析记录：
- macOS/Linux：
/etc/hosts - Windows：
C:\Windows\System32\drivers\etc\hosts
[你的电脑局域网IP] myproject.local - macOS/Linux：
- 域名一致性检查：确保Apache虚拟主机配置中的
ServerName myproject.local与客户端hosts文件中的域名完全一致（包括大小写），否则可能导致访问默认站点或404错误。
常见误区：许多开发者仅配置服务端虚拟主机，却忽略了客户端设备无法解析自定义域名的事实。自定义域名仅通过本地hosts文件实现解析，并非真正的公网DNS记录。
