vue-cli打包后本地查看起http-serve服务——基础积累

vue是单页面应用，因此vue-cli打包后的文件结构如下：

打包后的文件是单页面应用，此时如果双击打开index.html，则是一个空白的页面。

如果想要本地启动的话，则需要使用http-serve。

本地启动时可以使用下面的方式：

1.全局安装http-serve服务

npm install http-server -g

2.npm run build打包

3.默认端口运行：serve -s dist 直接在当前文件夹中运行打包后的文件

这个可以直接在当前文件夹中运行打包后的文件，此时会自动分配一个端口：
比如：http://localhost:5000端口

如果要指定端口则需要使用下面的命令：

4.指定端口运行：serve -l 8080 -s dist 指定8080端口打开

完成！！！