掘金文章归档 · 第 50 篇 工程化 · 部署 系列 1/4 http-server · 本地服务

win 系统 http-server 安装与使用

本地起一个 HTTP 服务,用 IP + 端口访问静态资源

原文作者:随意_(掘金) | juejin.cn/post/7198092956132638779 | 发布于 2023-02-09 | 阅读 283 · 约 1 分钟

0为什么使用 http-server

  1. 有时候我们打开一个文档使用 file 协议打开的时候,不能发送 ajax 请求,只能使用 http 协议才能请求资源,所以此时我们需要在本地建立一个 http 服务,通过 IP 加端口号,来访问资源,此时就用到了 http-server;
  2. 搭建本地的文档库环境,解决 github io 翻墙。

1如何使用

1) 确保已有 Node 环境

2) 全局安装 http-server

npm install http-server -g

3) 生成 bat 文件 http-server E:/dist -p 本地运行端口号

http-server E:/dist -p 3000

服务会启动,打开对应的环境即可。

4) 创建 dist 目录并放入静态文件

在 E:/dist 创建 dist 目录,dist 中创建文件夹,文件中加入静态文件即可访问,如:

http://10.32.73.78:3000/hongluan/#/zh-CN/guide/overview
截图占位:http-server 启动后命令行输出及浏览器访问效果
✅ 通过局域网 IP + 端口即可在手机或其它设备上访问本地文档/静态资源,无需外网环境。