将本有时候，我们想要测试一下打包好的项目，但是直接点开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更详细地了解它。
本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！