在前端开发中，需要经常使用静态资源服务器、代理服务器、mock 服务器等不同的服务器。为了更好地管理这些服务器，npm 包 multiserver 呈现在我们面前。本篇文章将介绍如何使用 multiserver。
安装
使用以下命令可以安装 multiserver：
--- ------- -----------
使用说明
静态资源服务器
使用 multiserver 开启静态资源服务器。
- 准备资源文件
在你的项目中创建一个静态资源目录，例如 public 文件夹。
把要开启的静态资源放到 public 文件夹中。
- 设置
multiserver的配置
在项目的根目录下创建一个 config.js 文件，配置如下：
-------------- - -
------- -
------- -
----- -----------
--
--
--- 启动服务器
在命令行中执行以下命令即可开启一个静态资源服务器：
----------- -----
执行成功后，你就可以通过浏览器访问 http://localhost:8080，在浏览器中就可以访问到项目中的静态资源。
代理服务器
使用 multiserver 开启代理服务器并把请求代理到目标服务器。
- 准备目标服务器地址
在你的项目中有一个目标服务器，例如：http://targetserver:3000。
- 设置
multiserver的配置
在项目的根目录下创建一个 config.js 文件，配置如下：
-------------- - -
------- -
------ -
------- ---------------------------
--
--
--- 启动服务器
在命令行中执行以下命令即可开启一个代理服务器：
----------- -----
执行成功后，你就可以通过浏览器访问 http://localhost:8080，在浏览器中的 HTTP 请求将会被代理到目标服务器上。
Mock 服务器
使用 multiserver 开启 Mock 服务器。
- 准备 Mock 数据
在你的项目中创建一个 Mock 数据目录，例如 mock 文件夹。
在 mock 文件夹中创建一个 data.js 文件，并编写以下代码：
-------------- - -
--------------- -
----- ------
--
--- 设置
multiserver的配置
在项目的根目录下创建一个 config.js 文件，配置如下：
-------------- - -
------- -
----- -
----- ---------
--
--
--- 启动服务器
在命令行中执行以下命令即可开启一个 Mock 服务器：
----------- -----
执行成功后，你就可以通过浏览器访问 http://localhost:8080/api/getName，在浏览器中就可以访问到 Mock 数据。
总结
本篇文章详细介绍了 multiserver 的使用方法，涉及静态资源服务器、代理服务器、Mock 服务器等内容。通过本篇文章的学习，读者可以更好地管理不同的服务器，并且在开发中更便捷地进行调试。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/multiserver