手机访问电脑本地项目

▍写在前面

作为一名前端开发者，在编码移动web的时候需要真机测试查看效果，如果这个时候有服务器则可以将项目放到服务器上访问。然而，有时候事不凑巧，自己没有服务器，那么在没有服务器的情况下如何实现真机测试呢？

 

▍前提

已经将需要测试效果的网页放置在本地项目中，并且该项目已经在本地服务器（Tomcat、Apache……）中运行。

 

▍方法

1、首先要保证手机、电脑在同一局域网内（电脑连接手机打开的热点或者电脑和手机连接到同一WiFi上）；

2、通过cmd命令或者在网络共享中心中查找到电脑的IP地址（如：本机电脑IP地址192.168.43.107）；

3、查找服务器的端口号，在服务器的配置文件中找到服务器的端口号（Tomcat、Apache默认为8080）；

4、通过手机浏览器访问电脑项目网页（格式：http://IP地址:端口号/项目名/入口文件名）；

属性	示例
IP地址	192.168.43.107
端口号	8080
项目名	eshop
入口文件名	login.jsp

5、如连接项目名为eshop，入口文件为login.jsp，则手机浏览器访问地址为：http://192.168.43.107:8080/eshop/login.jsp，这样，在浏览器中输入这样一串地址，就能够访问到电脑上的项目网页文件了。