简介
在开发前端应用的过程中，我们通常需要搭建一个静态服务器来方便我们本地测试，这个时候，我们可以使用 egg-static-server 这个 npm 包，它可以让我们快速地搭建一个静态服务器，并支持一些常用的功能，比如支持缓存，同时我们也可以自定义路由和中间件来满足我们的需求。
安装
在命令行窗口中输入以下命令来安装 egg-static-server：
--- - ----------------- ----------
配置
在 config/plugin.js 中添加以下内容：
-------------- - - ------- ----- -------- ------------------- --
然后在 config/config.default.js 中添加以下内容：
-------------- - - ---- ------------- -- ------ ------- ----------- -- ----------- -------- ----- -- ------------ -------- -------------- -------- ------ -- ----------- --------- ----------------------- ------- --------- -- ---------------- - - ----- ---- -- ---- ---- ------ ---- --
其中，dir 表示静态资源目录，prefix 表示静态资源访问的路径前缀，dynamic 表示是否支持动态请求，preload 表示是否启用预加载，maxAge 表示缓存时间，gzip 表示是否启用 gzip 压缩。
用法
在上面的配置都完成之后，我们就可以通过以下的方式来启动静态服务器了：
-- ------ ----- ---- - ---------------- ----- --- - --------------- ----- --------------- - ----------------------------- --------------------- --------------------------- - ---- -------------------- -------------- ------- ----------- -------- ---- ---
启动之后，我们就可以通过地址 http://localhost:7001/public/index.html 来访问 ./app/public/index.html 这个文件了。
除此之外，egg-static-server 也支持自定义路由和中间件，我们可以在配置项中加入以下参数：
-------------- - - ------- ---------- -- ----- ------------ --- -- ----- --
其中，router 表示自定义路由，middlewares 表示中间件列表。
示例代码
-- ------
----- ---- - ----------------
----- --- - ---------------
----- --------------- - -----------------------------
---------------------
--------------------------- -
---- -------------------- --------------
------- -----------
-------- -----
------- ----------
------------ ------ ------------- ----- -
-------------------- ---- -------------
----- -------
--
---在上面的代码中，我们添加了一个自定义路由 /static，并且添加了一个中间件，在请求开始时输出请求的 URL。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60056cd481e8991b448e66b4