如何本地运行 HTML 文件并通过 IP 访问

如何本地运行 HTML 文件并通过 IP 访问

🎯 完整步骤：

第一步：安装 http-server

npm install -g http-server

第二步：进入 HTML 文件所在目录

cd "e:\yourPath\xxx-react-app\public"

第三步：启动服务器

端口自定义，ip地址为当前服务器或电脑地址，这里暂时用127.0.0.1代替

http-server -p 1337 -a 127.0.0.1 --cors

🔧 参数说明：

• -p 1337: 指定端口号为 1337
• -a 127.0.0.1: 绑定到指定 IP 地址（你的 PC IP）
• –cors: 启用跨域支持

🌐 访问方式：

启动成功后，可以通过以下地址访问：

http://127.0.0.1:1337/your.html

🔒 注意事项：

• 确保防火墙允许对应端口访问
• 确保 IP 地址是你当前 PC 的实际 IP
• 服务器运行期间不要关闭终端
• 按 Ctrl+C 可停止服务器

其他常用方法

方法二：使用 Python（如果已安装）

# Python 3
python -m http.server 1337 --bind 10.194.146.244# Python 2  
python -m SimpleHTTPServer 1337

方法三：使用 VS Code Live Server 扩展

1. 安装 Live Server 扩展
2. 右键 HTML 文件 → “Open with Live Server”
3. 修改设置中的 host 为指定 IP

方法四：使用 IIS Express（Windows

"C:\Program Files\IIS Express\iisexpress.exe" /path:"e:\yourPath\xxx-react-app\public" /port:1337

应用之一：除了将某个html跑起来，还可以配合Whistle可以将某页面代理到你想要的本地页面

https://xxx.com/aaa http://127.0.0.1:1337/your.html