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	显示帮助