Vue cli 打包完预览

Vue cli 打包完预览

在我们项目完成的时候，我们需要预览下打包完成的项目

在Vue cli 官方文档中有解决方案

dist 目录需要启动一个 HTTP 服务器来访问 
(除非你已经将 publicPath 配置为了一个相对的值)，
所以 以 file:// 协议直接打开 dist/index.html 是不会工作的。
在本地预览生产环境构建最简单的方式就是使用一个 Node.js 静态文件服务器，
例如 serve：

安装serve
npm install -g serve
使用
# -s 参数的意思是将其架设在 Single-Page Application 模式下
# 这个模式会处理即将提到的路由问题
serve -s dist
等待一会后返回网址    把网址输入到浏览器即可