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

http-server 简介

• http-server 是一个简单的零配置的命令行
• http服务器，它足够强大便于生产和使用，用于本地测试和开发。

有时候我们打开一个文档使用

file

协议打开的时候，不能发送

ajax

请求，只能使用

http

协议才能请求资源，具体的区别大家可以去参考[这篇文档] (www.cnblogs.com/lishanlei/p…)，所以此时我们需要在本地建立一个http服务，通过

IP

加端口号，来访问资源。

我一般的做法就是通过

vscode

的插件或者通过

webstorm

来打开，现在可以通过

http-server

来便捷的创建一个本地服务。

1.安装node.js

官网地址 ，下载官网推荐版本，并安装。 在命令行输入命令

node -v

以及

npm -v

检查版本，确认是否安装成功。

2.安装http-server

http-server

的详细介绍，包括参数等： www.npmjs.com/package/htt…； 在命令行中安装到全局，最好是使用管理员权限安装 （

-g

表示安装到全局，之后所有文件夹路径下输入

http-server

都可以使用）：

npm install http-server -g

3.开启服务

命令行中进入目标文件夹（也就是需要启动服务的文件夹），输入如下命令：

http-server

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

4.各端访问

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

本机访问的话，两个地址都可以； 手机或其他设备连接，请使用其中有

ip

的那个地址访问(

http://10.134.253.8:8080

)，并且手机或者其他设备与本机必须在同一局域网下。

简写

hs

修改端口

http-server -a 127.0.0.1 -p 8090

http-server [path] [options]

• ****是目录地址，可以省略，默认是cmd打开的路径地址
• -a 参数是监听地址
• -p 参数是监听端口

其他参数

参数作用-p 或者 --port端口设置，默认是

8080

-a监听地址设置默认是

0.0.0.0

-d是否显示文件列表 默认

true

-i显示自动索引 默认

true

-g 或者 --gzip默认

false

，当文件的

gzip

版本存在且请求接受

gzip

编码时，它将服务于

./public/some-file.js.gz

，而不是

./public/some-file.js

-e 或者 --ext如果没有提供默认文件扩展名(默认为

html

)-s 或者 --silent禁止控制台日志信息输出–cors允许跨域资源共享-o启动服务后打开默认浏览器-c设置缓存

cache-control max-age heade

存留时间（以秒为单位），示例：

-c10

是

10

秒，默认是

3600

秒，如果要禁用缓存就使用

-c-1

-U 或者 --utc使用

UTC

格式，在控制台输出时间信息-P 或者 --proxy通过一个

url

地址，代理不能通过本地解析的资源-S 或者 --ssl使用

https

协议-C 或者 --cert

ssl

证书文件的路径，默认是

cert.pem

-K 或者 --key

ssl

密匙文件路径-h 或者 --help显示帮助