将本有时候，我们想要测试一下打包好的项目，但是直接点开index.html文件不管用，因为依赖的路径不正确，这时候就需要启动一个HTTP服务来打开项目。我们可以使用 http-server 或者 web server for chrome 来解决这个问题。

有时候，我们还想要外网也能访问我们本地的服务，这时候我们可以使用 ngrok 来解决这个问题。

一、如何简单地在本地启动一个HTTP服务

1、http-server

http-server 是一个简单的，零配置的命令行http服务器。它足够强大,可以用于生产环境，但它很简单，可以用来测试，本地开发和学习。

使用 http-server 很简单：

//全局安装http-server
npm install http-server -g
//找到你要运行的文件目录下，敲下http-server，项目就顺利运行起来了
http-server

关于http-server 的具体说明：

http-server [path] [options]
//[path]默认路径为./public，如果没有./public文件夹，则路径为./。

http-server还有更多的配置项，可以 戳这里来详细了解它。

2、web server for chrome

web server for chrome 是谷歌浏览器的一个插件，使用它也可以很方便的启动本地HTTP服务。它长下面这个样子：

你可以 戳这里来获取它，不过需要注意的的是，由于这个链接访问的是谷歌商店，所以需要科学上网。如果你还不知道如何科学上网， 戳这里,蓝灯或许能帮助到你。

安装好后打开 web server for chrome，它长下面这个样子：

这时候就可以手动配置来轻松使用它了。

一、如何将本地服务映射到外网环境

1、ngrok

ngrok是一个反向代理，它会在本地的Web服务和公共端点之间创建一个安全的通道。

使用它也很简单，先到他的 官方网站上找到对应的下载地址，解压并运行ngrok,

//敲下ngrok http 8080，本地的8080端口就会被映射到外网环境
ngrok http 8080

如下图：

我们还可以到它的 官方网站或者 github更详细地了解它。

来源： http://www.wangyulue.com

链接: https://fly63.com/article/detial/408