npm run build 打包后，如何查看效果

我们用vue-cli搭建的项目执行npm build后本地打开页面空白，如果才能查看npm run build之后的结果呢

首先我们看一下提示

  Tip: built files are meant to be served over an HTTP server.
  Opening index.html over file:// won't work.

这段话的意思就是说：构建文件务必放在一个HTTP服务器。直接打开index.html文件将不工作，那如何本地查看呢：
（1）到项目目录下的config文件夹里的index.js文件中,将build对象下的assetsPublicPath中的“/”，改为“./”即可，就在前面加个点就可以了，

现在再重新打包一次 npm run build，刷新你的页面，就可以看到啦

（2）还有一种就是借助http-server：

首先我们需要安装它命令npm install http-server -g，然后执行npm run build,之后进入打包的目录我这里是cd dist然后执行http-server就可以了