手机端访问本地编写的html页面【亲测有效】

一、环境

1. 首先你的手机要和电脑是在同一个局域网，例如手机和电脑连接同一个wifi，此次举例我是笔记本电脑连接我的手机热点，也是同属一个局域网下。

2. 确保电脑上已经安装node.js 

正题开始：

1. cmd 命令行中 安装

cmd 命令行中 安装
npm install http-server -g

2. cmd进入项目盘目录:

 

 

3. 输入http-server指令开启服务，cmd就会提示:

 例如我的，第一个就是你手机可以访问的内网地址，第二个是你电脑的回环地址。

别急啊，现在你的手机还是访问不了。打开你的防火墙设置–高级设置

二、关闭指定端口的防火墙

新建个入站规则： 

 

这里开放和http-server服务里一样的端口，例如我的是8080

 

 

 

名字随便取：
 

同样的操作，给出站的创建一个：

这样，8080端口就被完全打开了。 打开手机输入上述地址： http://192.168.2.19:8080 链接成功

默认访问的是index.html文件，如果你想访问其他文件，例如css效果测试，应该这样172.20.10.4:8080/css效果测试，就可以访问了。

每次修改完html文件后，手机浏览器页面要刷新一下才会更新哦。