什么是 uba-server-static
uba-server-static 是一个 npm 包，可以为前端项目提供本地服务器和静态资源服务。
如何安装 uba-server-static
通过 npm 安装 uba-server-static：
npm install uba-server-static --save-dev
如何使用 uba-server-static
在项目的 package.json 文件中，可以在 scripts 中添加一条命令来启动本地服务器：
"scripts": { "start": "uba-server-static" }
此时在终端中执行 npm start 即可启动本地服务器。
uba-server-static 的配置项
uba-server-static 提供了多个配置项，可以在 package.json 中进行配置。
端口号
默认端口号为 8000，可以通过设置 PORT 进行修改：
"ubaServerStatic": { "PORT": "8888" }
静态文件路径
默认静态文件路径为当前目录下的 public 文件夹，可以通过设置 STATIC_DIR 进行修改：
"ubaServerStatic": { "STATIC_DIR": "dist" }
路由设置
uba-server-static 支持路由设置，可以通过设置 ROUTES 进行配置：
-- -------------------- ---- ------- ------------------ - --------- - - ------- ------- --------- ------ ---------- ---------- - - -展开代码
其中，path 为路由路径，method 为请求方法，handler 为处理函数。
使用示例
启动本地服务器
添加如下代码到 package.json：
"scripts": { "start": "uba-server-static" }
在终端中执行 npm start 即可启动本地服务器，访问 http://localhost:8000 即可进入默认的静态资源服务器。
修改端口号和静态文件路径
"ubaServerStatic": { "PORT": "8888", "STATIC_DIR": "dist" }
设置路由
-- -------------------- ---- ------- ------------------ - --------- - - ------- ------- --------- ------ ---------- ---------- - - -展开代码
在项目根目录下创建 api.js 文件，添加如下代码：
module.exports = function(req, res) { res.json({ message: 'Hello, World!' }); };
在浏览器中访问 http://localhost:8000/api 即可看到响应内容。
总结
通过本文的介绍，我们学会了如何使用 uba-server-static 搭建本地服务器和静态资源服务，并掌握了其配置项和路由设置。uba-server-static 是一个十分实用的 npm 包，对于前端开发来说非常方便实用，希望大家可以好好利用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065b48c6eb7e50355dbf4b
