http-server 简介
- http-server 是一个简单的零配置的命令行
- http服务器,它足够强大便于生产和使用,用于本地测试和开发。
有时候我们打开一个文档使用file
协议打开的时候,不能发送ajax
请求,只能使用http
协议才能请求资源,具体的区别大家可以去参考[这篇文档] (www.***blogs.***/lishanlei/p…),所以此时我们需要在本地建立一个http服务,通过IP
加端口号,来访问资源。
我一般的做法就是通过vscode
的插件或者通过webstorm
来打开,现在可以通过http-server
来便捷的创建一个本地服务。
1.安装node.js
官网地址 ,下载官网推荐版本,并安装。 在命令行输入命令node -v
以及npm -v
检查版本,确认是否安装成功。
2.安装http-server
http-server
的详细介绍,包括参数等: www.npmjs.***/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 | 显示帮助 |