设备（手机）访问电脑本地web项目：

最新推荐文章于 2024-08-19 15:47:15 发布

Lucy酱

最新推荐文章于 2024-08-19 15:47:15 发布

阅读量4.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：后端文章标签： apache

本文链接：https://blog.csdn.net/qq_40101922/article/details/83114129

后端专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何配置Apache服务器，使手机等移动设备能在同一局域网内访问电脑上的Web项目。通过修改vhosts文件和添加监听，实现便捷的跨设备项目测试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

web手机端项目经常需要测试，如果手机设备可以访问电脑web项目，则可以为开发带来大大的方便。

办法如下：

1.首先，要有一个apache服务器（电脑需要安装apache，此步骤省略……）
2.然后给apache配置文件：
（1）vhosts文件（如：C:\phpStudy\PHPTutorial\Apache\conf\vhosts）修改如下：
<VirtualHost _default_:80>
DocumentRoot "D:\project\test"
<Directory "D:\project\test">
Options -Indexes -FollowSymLinks +ExecCGI
AllowOverride All
Order allow,deny
Allow from all
Require all granted
</Directory>
</VirtualHost>

#主要是把 DocumentRoot 和 Directory 的默认路径改成你电脑的项目文件夹地址

#还有别的项目，则可以改端口
#如：

<VirtualHost _default_:8089>
DocumentRoot "D:\project\test"
<Directory "D:\project\test">
Options -Indexes -FollowSymLinks +ExecCGI
AllowOverride All
Order allow,deny
Allow from all
Require all granted
</Directory>
</VirtualHost>

（2）需要添加监听（在httpd文件夹里，如：C:\phpStudy\PHPTutorial\Apache\conf\httpd）：
Listen 80
Listen 8089

然后本地设备访问则可以通过：localhost：80/localhost：8089 （或需要看到index.html，则：http://localhost:80/test.html/http://localhost:8089/test.html。手机等设备要访问，则电脑与手机必须在同一个局域网内，就是连同一个WiFi）

当然还有个方法，就是把项目文件夹复制到apache根目录下，通过访问localhost就可以看到文件夹了，再点进文件夹就可以访问项目。（但是个人不太推荐此方法，因为一般项目创作都不一定在apache根目录下，如果把项目移来移去，比较麻烦，而且，可能还有其他更多的项目。）

以上！