搭建本地服务器测试项目

        最近遇到一个bug，怎么都测不出来，但是自己又没有线上服务器来测试，打包后的项目根本不知道有没有问题，测试就很重要了，最后发现我可以用http-server创建本地服务器来测试。http-server是一个比较简单轻巧，零配置，通过命令行来实现的服务器，它基于node.js，因此，使用该服务器的前提就是安装了node.js，安装过程可以点击此链接来完成：http://www.runoob.com/nodejs/nodejs-install-setup.html。

下面分享一下使用http-server的搭建测试步骤：

1、在需要测试的项目目录下将项目进行打包：npm run build，运行后会生成一个dist文件；

2、  创建服务器：npm install http-server –g（这种形式全局安装，我们也可以在其他项目中使用）；

3、  用命令行找到生成的dist文件，在dist文件目录下进行启动服务器：http-server 路径 选项，要注意如果路径我们没有另外指定的话，就默认是当前目录所在的路径，而选项有很多种，下面是比较实用的：

-p：设置使用的端口，如果不设置，默认为8080

-P：不能在本地解析，从而给定指定的url所有的请求

-a：设置使用的地址，默认为0.0.0.0

-d：显示目录，默认为true

-o：启动服务器后自动打开浏览器

-s：从输出中抑制日志信息

-S：使用ssl来启动https

-h：打印列表并退出

一般http-server默认开启的端口都是8080，这个端口很容易被占用，会起冲突，以防万一，我们可以使用-p 端口号（小写的p）来指定一个端口，如果闲麻烦不闲自己打开浏览器，再在后面添加一个-o，让浏览器自己打开。

4、服务器生成了，我们可以打开它生成的端口地址来检测项目，两个端口打开任意一个都可以，不过-o已经自动帮你打开了。