当我们开发 web 应用时，经常需要在本地创建一个 http 服务来展示我们的页面和资源，以便于我们进行测试和调试。而 http-server 就是一个很好的选择，它是一个简单的零配置的 http 服务器，可以支持页面、资源等的展示。但是，使用 http-server 时，我们没有办法为静态资源设置指定的路径，所有的资源都会被展示在根目录下，这对于一些较为复杂的 web 应用来说，会让访问路径变得混乱。而 http-server-subpath 则可以解决这个问题，它支持设置静态资源的路径，使我们可以更加方便地处理资源路径。下面，我们将详细介绍 http-server-subpath 的使用方法。
安装 http-server-subpath
通过 npm，可以轻松安装 http-server-subpath，只需要在终端中输入以下命令：
npm install http-server-subpath -g
使用 http-server-subpath
启动服务
使用 http-server-subpath 启动服务时，与 http-server 类似，我们同样需要指定服务器的根目录，但是需要指定多一个 subpath 参数，它代表了静态资源所在的路径。例如，我们希望将资源放在 dist 目录下，那么可以使用以下命令启动服务：
http-server-subpath -p 8888 -d ./dist -s /subpath
运行此命令后，就可以在浏览器中访问 http://localhost:8888/subpath/ 来查看我们的资源。
配置文件
除了在命令行中指定参数之外，我们还可以通过配置文件的方式来启动服务。在项目的根目录下创建 http-server.json 文件，并在其中配置参数，如下所示：
{
"subpath": "/subpath",
"root": "./dist",
"port": 8888
}然后，在终端中进入项目根目录，并运行以下命令即可启动服务：
http-server-subpath
示例代码
以下是一个简单的示例代码，它展示了如何使用 http-server-subpath 启动服务，将静态资源放在 ./dist 目录下：
-- -------------------- ---- ------- ----- ---------- - ------------------------------- ----- ------ - ------------------------- ----- --------- ----- ----- -------- ---------- --- ------------------- ---------- - ------------------- ------- -- --------------------------------- ---
结束语
http-server-subpath 是一个非常方便的工具，它可以让我们更加灵活地处理静态资源的路径。我们可以将静态资源放在任意目录下，通过设置 subpath 参数来指定其访问路径，使得我们可以更加方便地进行页面和资源的展示。希望本篇文章能够帮助您更加深入地了解如何使用 http-server-subpath。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005519781e8991b448cef13