在前端开发中，我们经常需要将我们的代码部署到线上服务器上进行测试。而在使用 CI 工具 Travis CI 进行自动化测试的时候，我们就需要一个简单的服务器能够将我们的代码运行起来，以便 Travis CI 能够对其进行测试。这就是 npm 包 simple-webserver-for-travis 的作用。
安装和使用
首先，我们需要使用 npm 将 simple-webserver-for-travis 安装到我们的项目中。
--- ------- --------------------------- ----------
安装完毕之后，我们就可以在 package.json 中增加如下的脚本命令：
---------- -
-------- ----- --------------------------------------------------
-然后，我们就可以使用以下命令启动服务器：
--- -----
该服务器会自动监测当前目录下的 .html、.js 和 .css 文件，并将它们提供给浏览器。默认情况下，该服务器会监听端口 3000。如果你希望修改监听的端口，可以在启动服务器的时候加上一个参数：
--- ----- -- -----------
这会使服务器监听端口 8080。
可以做什么
simple-webserver-for-travis 极其简单，只能提供一些基本的功能，但是它足以满足我们的自动化测试需求。以下是 simple-webserver-for-travis 能够完成的一些事情：
提供静态文件
simple-webserver-for-travis 可以检测并提供当前目录下的 .html、.js 和 .css 文件。这意味着我们可以将我们的前端代码部署到该服务器上进行测试。
模拟 API
在我们的自动化测试中，我们可能需要对一些 API 进行测试。simple-webserver-for-travis 能够提供一个简单的 API 接口，以便我们进行测试。要提供一个 API 接口，我们只需要在当前目录下将具有 JSON 格式的文件保存在 api 目录中。例如，我们的项目根目录下有一个 api/getUserInfo.json 文件：
-
------- -------
------ ---
--------- --------
-我们可以通过以下 URL 来访问该 API：
-------------------------------------
simple-webserver-for-travis 会根据文件名自动匹配访问的 URL。
跨域支持
在实际的开发中，我们可能需要跨域请求一些数据。simple-webserver-for-travis 支持跨域请求。
假设我们在 http://localhost:8080/ 上部署了我们的前端代码，并且我们需要在该前端代码中请求 URL 为 http://localhost:3000/api/getUserInfo 的 API，我们就需要启用跨域支持。我们可以使用以下命令在 simple-webserver-for-travis 中启用跨域支持：
--- ----- -- ----------------------------
这将允许来自 http://localhost:8080 的请求来访问我们的 simple-webserver-for-travis 服务器。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60065f73238a385564ab6859