手机访问电脑本地localhost网页

项目需要用手机访问电脑本地网页,从而可以调试项目,对代码的理解的快一点

重点

  1. 确保手机和电脑在同一个局域网

    1. 可以通过手机开热点电脑连接或者电脑开便携式热点手机连接
  2. 确保电脑的防火墙是关闭的

    image-20200723235637138

  3. 打开apache

    1. 我这边由于是php开发,所以采用wamp集成环境

步骤

连接同一个局域网

电脑和手机连接同一个局域网,我采用的是手机开热点

打开apache

打开后进行配置httpd-vhosts.conf

# Virtual Hosts
#

<VirtualHost *:80>
	ServerName localhost
	DocumentRoot D:Projectwamp64wwwiwh
	<Directory  "D:Projectwamp64wwwiwh">
		Options +Indexes +Includes +FollowSymLinks +MultiViews
		AllowOverride All
		Require all granted
	</Directory>
</VirtualHost>
#

配置完成后,重启wamp64

查看电脑ip

在cmd终端中输入ipconfig

image-20200723235708270

注意是wifi,不是上面的以太网

测试结果

电脑

image-20200723235820078

手机

image-20200724000214683

参考链接

原文地址:https://www.cnblogs.com/10134dz/p/13369705.html