背景
在前端开发过程中，很多时候需要模拟多个域名，如主域名和子域名。这时就需要一款能够快速设置虚拟主机的工具。cantina-vhosts 就是这样一款针对 Node.js 环境的 npm 包。
cantina-vhosts 可以让我们在本地开发环境中快速创建多个虚拟主机，这对于模拟线上多个域名的情形非常有用。同时，该工具还可以与 Web 应用服务器搭配使用，将多个虚拟主机映射到同一个端口上，便于管理和维护。
安装
安装 cantina-vhosts 可以使用 npm 命令进行：
npm install cantina-vhosts --save-dev
使用
使用 cantina-vhosts 非常简单，我们只需要按照下面的步骤进行配置：
- 在项目根目录下创建 config 文件夹，如果已经存在，则跳过此步骤。
- 在 config 文件夹下创建 vhosts.json 文件，并在其中定义虚拟主机。
虚拟主机的配置格式如下：
{
"<hostname>": {
"port": <port>,
"target": "<target>"
}
}其中，<hostname> 表示虚拟主机名，可以是一个完整的域名，也可以是一个子域名。比如 "www.example.com" 或 "dev.example.com"。
<port> 表示虚拟主机映射的端口号。比如 3000 或 8080。
<target> 表示虚拟主机的目标地址，可以是一个远程服务器地址或本地文件夹路径。比如 "http://localhost:3000" 或 "./public".
一个完整的 vhosts.json 配置文件示例如下：
-- -------------------- ---- -------
-
------------------ -
------- -----
--------- ----------
--
------------------ -
------- -----
--------- -----------------------
-
-- 在项目入口文件中引入 cantina-vhosts：
const cantina = require('cantina');
const vhosts = require('cantina-vhosts');
cantina.app.use(vhosts());
cantina.start();- 启动项目，访问虚拟主机即可。
常见问题
如何启动多个 Web 应用？
如果需要启动多个 Web 应用，我们只需要在启动命令后加上参数，如下所示：
$ node app.js --app=myapp1 # 启动 myapp1 应用 $ node app.js --app=myapp2 # 启动 myapp2 应用
然后在 vhosts.json 中分别定义虚拟主机的配置即可。
如何访问定义在 vhosts.json 中的虚拟主机？
我们可以使用任何浏览器或 HTTP 客户端来访问定义在 vhosts.json 中的虚拟主机。使用浏览器时，只需要输入虚拟主机的完整 URL 即可。使用 HTTP 客户端时，需要指定 Host 头并发送请求。
比如：
curl -H "Host: www.example.com" http://localhost:8080/
如何在 Web 应用服务器中使用 cantina-vhosts？
在 Web 应用服务器中使用 cantina-vhosts，方法与在 Node.js 项目中使用类似。我们只需要将以下代码添加到服务器的入口文件中即可：
const vhosts = require('cantina-vhosts');
app.use(vhosts());然后按照 vhosts.json 中的配置为每个虚拟主机单独设置路由即可。
结论
cantina-vhosts 是一款功能强大而又简单易用的 Node.js 虚拟主机工具，可以帮助开发人员快速创建多个虚拟主机，提高开发效率。本文介绍了 cantina-vhosts 的安装、使用方法和常见问题，并提供了实用的示例代码，希望对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c93ccdc64669dde5af7