前言

由于浏览器不允许从本地文件系统直接访问文件，我们开发的时候如果要对文件进行获取和操作，比如操作图片，音频、视频等，就必须通过服务器来获取，要不然浏览器会报错操作不安全

http-server 介绍

使用 http-server 可以快速搭建一个简单的服务器。可用来：

  1. 做模拟数据
  2. 做静态资源服务器
  3. 做调试、测试的前端服务器
  4. 做代理转发

安装

输入以下命令将 http-server 安装到全局环境中

1
npm install http-server -g

http-server npm 传送门

引用站外链接
http-server
http-server npm文档

具体使用

命令格式是这样的

http-server [path] [options]

path 是要启动服务器的目录，默认是当前目录

options 参数介绍 s

参数简写 参数全称 说明
-p –port 端口设置，默认是 8080
-a 监听地址设置，默认是 0.0.0.0
-d 是否显示文件列表，默认 true
-i 显示自动索引，默认 true
-g –gzip 默认 false
-e –ext 默认 html
-s –silent 禁止控制台日志输出
-o 启动后打开浏览器默认 false
-c 设置缓存，默认 3600 秒
-U –utc 使用 UTC 时间
-S –ssl 使用 https 协议
-C –cert ssl 证书文件路径
-K –key ssl 密匙文件路径
-h –help 显示帮助信息

启动效果预览

运行效果预览

示例

在当前目录下启动一个静态服务器，默认端口是 8080

1
http-server

在当前目录下启动一个静态服务器，端口是 8081

1
http-server -p 8081

在当前目录下的 public 目录启动一个静态服务器，端口是 8082

1
http-server ./public -p 8082