介绍
serve-static-server 是一个基于 Node.js 的模块，在 Web 开发中常用于快速搭建本地静态服务器以供开发调试和测试使用。它可以将指定目录下的静态文件（包括 HTML、CSS、JavaScript、图片、音视频等资源文件），通过 HTTP 协议在本地启动一个服务器，提供 Web 访问功能。本文将介绍如何使用该 npm 包来搭建本地静态服务器，以及一些常见问题的解决方法。
安装
安装 serve-static-server 只需要在命令行中运行以下命令：
npm install serve-static-server
安装后，serve-static-server 就已经可以使用了。
使用方法
为了方便演示，以当前目录下的 "public" 文件夹作为示例。
在命令行输入以下命令:
npx serve-static-server public
命令行会提示：“Static server is started at XXX:XXX”。在浏览器中输入该地址，即可看到 public 目录下的内容。
配置项
serve-static-server 可以指定多个配置项，以下是一些常见的配置项：
-p、--port：指定服务器端口（默认为 8080）-w、--watch：监听指定目录的变化并自动刷新页面-g、--gzip：启用 gzip 压缩功能以优化传输速度-r、--remote：启用远程访问功能以便于在局域网内进行测试-e、--entry：指定入口文件，当请求路径为根路径时，使用该文件作为默认主页
例如：
npx serve-static-server public -w -p 8090
启动一个在 8090 端口上监听 public 目录变化并自动刷新页面的服务器。
常见问题
1. 目录下的文件更改后服务器没有自动刷新
在命令行中添加 --watch 或 -w 参数即可启用自动刷新功能。
2. 访问 IP 地址无法访问服务器
在命令行中添加 --remote 或 -r 参数即可启用远程访问功能。
3. 404 NOT FOUND 错误
可能是因为请求的路径无法找到相应的文件，或者文件名大小写出了问题。此时可以检查路径和文件名是否正确或者使用 -e 参数指定入口文件。
示例代码
-- -------------------- ---- ------- ----- ------ - ------------------------------- -- -------- ---- ------ ------ -------------- ---------- --------- ----- ----- ------ ---- --- ------------------- --- -----------
总结
serve-static-server 是一个简单易用的 Node.js 模块，可以帮助前端快速搭建本地静态服务器，以便于调试和测试。使用时只需要在命令行中输入相应的命令即可启动，同时也可以通过指定各种参数来配置相应的功能。在开发过程中，serve-static-server 可以大大提高我们的工作效率，让开发变得更加便捷快速。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005683681e8991b448e44c3