http-server的安装、前端使用http-server启本地服务

在平时的开发过程中,常遇到没有用任何框架和工具,就要运行一个简单的html页面,需要启一个本地服务器。我说的情况主要是针对同一局域网下使用手机端或者其他设备访问本地页面的问题。本文提供一种简单的方式。

以下所述内容都是在windows环境下进行

安装node.js

官网地址:https://nodejs.org ,下载官网推荐版本,并安装。
在命令行输入命令node -v以及npm -v检查版本,确认是否安装成功。

安装http-server

http-server的详细介绍,包括参数等: https://www.npmjs.com/package/http-server
在命令行中安装到全局,最好是使用管理员权限安装 (-g表示安装到全局,之后所有文件夹路径下输入http-server都可以使用):

1
npm install http-server -g

使用帮助

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
$ http-server --help
usage: http-server [path] [options]

options:
-p Port to use [8080]
-a Address to use [0.0.0.0]
-d Show directory listings [true]
-i Display autoIndex [true]
-g --gzip Serve gzip files when possible [false]
-e --ext Default file extension if none supplied [none]
-s --silent Suppress log messages from output
--cors[=headers] Enable CORS via the "Access-Control-Allow-Origin" header
Optionally provide CORS headers list separated by commas
-o [path] Open browser window after starting the server
-c Cache time (max-age) in seconds [3600], e.g. -c10 for 10 seconds.
To disable caching, use -c-1.
-U --utc Use UTC time format in log messages.

-P --proxy Fallback proxy if the request cannot be resolved. e.g.: http://someurl.com

-S --ssl Enable https.
-C --cert Path to ssl cert file (default: cert.pem).
-K --key Path to ssl key file (default: key.pem).

-r --robots Respond to /robots.txt [User-agent: *\nDisallow: /]
--no-dotfiles Do not show dotfiles
-h --help Print this list and exit.

开启服务

命令行中进入目标文件夹(也就是需要启动服务的文件夹),输入如下命令:

1
http-server

本地服务器就启动起来了,默认端口为8080。

各端访问

本地服务器启动完成之后,命令行窗口会输出如下所示的地址:

1
2
3
4
5
Starting up http-server, serving ./
Available on:
http://10.74.0.152:8080
http://127.0.0.1:8080
Hit CTRL-C to stop the server

本机访问的话,两个地址都可以;
手机或其他设备连接,请使用其中有ip的那个地址访问(http://10.74.0.152:8080),并且手机或者其他设备与本机必须在同一局域网下。

个人微信公众号技术交流QQ群
文章目录
  1. 1. 安装node.js
  2. 2. 安装http-server
  3. 3. 使用帮助
  4. 4. 开启服务
  5. 5. 各端访问