手机访问电脑本地项目

你的名字 2022-05-17 01:07 1082阅读 0赞

▍写在前面

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

▍前提

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

▍方法

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

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

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

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

<table style="width:500px;"> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>示例</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><strong>IP地址</strong></td> 
   <td><strong>192.168.43.107</strong></td> 
  </tr> 
  <tr> 
   <td><strong>端口号</strong></td> 
   <td><strong>8080</strong></td> 
  </tr> 
  <tr> 
   <td><strong>项目名</strong></td> 
   <td><strong>eshop</strong></td> 
  </tr> 
  <tr> 
   <td><strong>入口文件名</strong></td> 
   <td><strong>login.jsp</strong></td> 
  </tr> 
 </tbody> 
</table>

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

![关注微信公众号：爱唱歌的蜗牛先生][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2lfZG9udF9rbm93X2E_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2lfZG9udF9rbm93X2E_size_16_color_FFFFFF_t_70]: /images/20220517/ab3704cbc76b490ca35c76eed7e3a73f.png