如何使用XAMPP为虚拟主机设置IP并实现局域网设备域名访问

1. 修复Apache虚拟主机配置错误 #

你现有的配置存在三处核心问题：

• Directory块中Require ip 192.168.2.122规则限制了仅你本机可以访问站点目录
• Apache 2.2版本的Order Deny,Allow语法和2.4版本的Require语法混用会导致权限校验异常
• 第一个虚拟主机的DocumentRoot与Directory路径不匹配

修正后的配置如下：

localhost 虚拟主机 #

<VirtualHost 192.168.2.122:80>
    DocumentRoot "C:/xampp/htdocs/"
    <Directory "C:/xampp/htdocs/">
        Options Indexes FollowSymLinks MultiViews
        AllowOverride All
        Require all granted
    </Directory>
    ServerName localhost
</VirtualHost>

test.asi 虚拟主机 #

<VirtualHost 192.168.2.122:80>
    DocumentRoot "C:/xampp/htdocs/SiteName"
    <Directory "C:/xampp/htdocs/SiteName">
        Options Indexes FollowSymLinks MultiViews
        AllowOverride All
        Require all granted
    </Directory>
    ServerName test.asi
</VirtualHost>

配置修改完成后，重启XAMPP的Apache服务生效。

2. 配置局域网域名解析 #

你当前遇到的「其他设备输入域名打开自身本地站点」问题，核心原因是局域网内其他设备不知道test.asi对应你电脑的IP 192.168.2.122，默认解析到了设备自身的本地地址，按需选择以下方案即可：

• 临时测试方案：修改单设备hosts文件
  • Windows设备：用管理员权限打开C:\Windows\System32\drivers\etc\hosts文件，末尾添加一行192.168.2.122 test.asi后保存
  • 移动端设备：可以直接在浏览器输入http://192.168.2.122验证站点可访问性，如需用域名访问可root/越狱后修改系统hosts，或使用支持自定义DNS的浏览器插件
• 长期通用方案：登录局域网路由器后台，添加静态DNS解析规则，将test.asi指向192.168.2.122，配置完成后全局域网设备都可直接用域名访问

3. 检查本地防火墙与端口规则 #

• 打开你本地Windows电脑的 Defender 防火墙，添加入站规则开放80端口的TCP协议访问权限，也可临时关闭防火墙验证访问是否正常
• 确认XAMPP的Apache服务正常监听80端口，没有被其他软件占用

4. WordPress站点额外配置 #

登录WordPress后台，进入「设置」-「常规」页面，将站点地址（URL）和WordPress地址（URL）两项都修改为http://test.asi，避免访问时出现跳转异常。

内容的提问来源于stack exchange，提问作者amir