使用 npx http-server 搭建静态文件服务器

npx http-server 是一个在本地搭建静态文件服务器的快捷方式，可以帮助程序员快速将本地静态文件发布到网上，方便进行分享、演示和测试。

安装

使用 http-server 前需要先进行安装，可以使用 npm 进行安装，命令为：

npm install --global http-server

使用方法

基本启动

在命令行工具中，输入以下命令即可开启服务器：

npx http-server

这条指令将默认在当前目录下创建一个静态文件服务器，并让其运行在默认端口 8080 上。

自定义端口

如果要自定义端口，可以通过指定参数 port 来实现：

npx http-server --port=3000

这样就将端口设置为了 3000。

指定目录

默认情况下，http-server 的目录是当前命令行所在目录。如果需要让其指向其他目录，可以在命令中指定要启动的目录：

npx http-server /path/to/my/folder

显示目录结构

在默认情况下，http-server 不会在浏览器中显示目录结构。如果希望可以看到目录结构，需要在命令中加入 --show-dir 参数：

npx http-server --show-dir

这样，当用户访问某个目录时，就可以看到该目录下的文件和文件夹。

自定义首页

有时候我们可能需要为服务器添加一个自定义的首页，比如 index.html。这个时候，我们可以通过使用 --default-index 参数来指定服务器的默认首页：

npx http-server --default-index=index.html

这样，当用户访问该服务器时，默认首页就会自动打开。

开启 CORS

默认情况下，http-server 是不开启跨域请求的。但如果需要在开发时进行跨域调试，可以使用 --cors 参数来开启跨域权限：

npx http-server --cors

https

http-server 还支持 https 协议。只需要在命令中加入 --ssl 参数，就可以启用 https：

npx http-server --ssl

如果需要自定义证书文件，则可以使用 --ssl-cert 和 --ssl-key 参数指定证书和私钥的位置：

npx http-server --ssl --ssl-cert=server.crt --ssl-key=server.key

常用参数

除了以上介绍的参数外，还有以下常用参数：

• -p, --port: 指定端口号，默认为 8080
• -a, --address: 指定 IP 地址，默认为 0.0.0.0
• -o, --open: 自动在默认浏览器中打开指定的 URL
• -c, --cache: 缓存时间，单位为秒，默认为 3600 秒
• -i, --headers: 自定义响应头，比如 --headers=Access-Control-Allow-Origin:"\*" 表示允许跨域请求

结语

使用 npx http-server 可以快速方便地搭建一个静态文件服务器。无需安装、轻松启动，可以帮助程序员更高效地进行静态文件的处理和分享。